标签：hover

2019-02-07阅读(233)

当然，这种代码就没有使用脚本，脚本的作用几乎就是用来检测页面高度然后显示或隐藏返回顶部图标 并且控制滚动速度的。 其实让返回顶部图标一直显示着也没什么大碍。 最简单的就是采用 Html+CSS ，到目前为止，我也基本会了，而且本篇主要是记录...

2019-02-07阅读(278)

使用CSS去做一般是为了让不懂JS的设计人员也能实现动画效果， 但是这类效果一般使用JS脚本可以更灵活，也更好优化。 本站侧边栏的JV直达和JV外汇交易分类导航也采用了过渡，实现hover时导航逐渐淡化的效果。 下面是两种效果的说明及演示：...

2018-01-05阅读(240)

首先折叠短代码示例为 [ part title="模块标题" on="on"]折叠内容[/ part] 原主题折叠样式如图： 本站修改后折叠样式如图： 修改样式代码如下： .shortpart{ border:1px solid #bbb;...

2018-01-05阅读(272)

今天去掉了很多插件，其中 FloatingMenu 、Dynamic To Top 也省了。 力求插件功能用代码去替代。 没有插件，返回顶部就得用代码。上网搜了一下，太复杂，下面是一个最简单的方法。 准备好三样东西： 1、一段要加入到主题f...

2018-01-05阅读(569)

目前使用的代码高亮（语法高亮）是Google Prettify，prettify.js，而早期一直在用Syntaxhighlighter，双击代码是可以全选的。另外，使用火狐貌似不支持点击直接复制的动作，所以打算在prettify上实现Sy...

2018-01-05阅读(243)

返回顶部功能基本上各站都有，本站早期也贴过代码，这次主要是“去到底部”。 首先要引用jQuery库 <script src="//apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js" typ...

2018-01-05阅读(257)

先看效果吧：https://elrumordelaluz.github.io/csshake/ 抖动效果内又有很多种类，比如正常抖动、微抖、闪烁、疯狂抖动、水平抖 都有。下面是正常抖动的CSS （官方css有很多） .shake{displ...

2018-01-05阅读(236)

前言 登录表单弹出是早就做好了，不过一直没有放出来，因为还有两个步骤没走。一是表单input的验证，二是submit的验证。 你会说又不是评论之类的表单，有什么好验证的？？登录表单有html5验证，只要不为空基本不用验证什么。 话说回来，自...

2018-01-05阅读(231)

鼠标悬停图片放大旋转？那个已经是过去式了，看看下面这些非常炫酷的图片悬停效果吧。采用了大量html5和css3元素，配合hover做出的效果。下面取其中一个例子： html结构 <div class="grid">     &l...