1:一级菜单用ul li标签实现,二级菜单可以用dl dt dd实现,在这个例子中,为了方便,直接使用div 2:一级菜单的箭头符号,可以用bootstarp实现,然后利用hover属性,将一个方块覆盖上去,实现隐藏功能 3:然后需要用循环,批量为对象绑定执行函数的执行函数体,所处理的功能也一般为批 ...
分类:
其他好文 时间:
2016-08-22 19:52:49
阅读次数:
192
<script type="text/javascript"> $(function () { $("#<%=btnSubmit.ClientID%>").css("background", "#ff0000"); $("#<%=btnSubmit.ClientID%>").hover(functi ...
分类:
Web程序 时间:
2016-08-22 16:16:24
阅读次数:
123
使用jquery编写的简洁易用的鼠标hover交互效果;可以传递3个参数:cover[Boolean]: 隐藏元素滑动时是否覆盖默认显示的元素;speed[Number]: 元素滑动的速度;easing[String]: 动画缓动效果,需要另外调用jquery.easing.js ...
分类:
Web程序 时间:
2016-08-21 10:55:28
阅读次数:
551
//li元素没有获得hover的样式设置 .gallery:hover li:not(:hover){ -webkit-filter: blur(2px) grayscale(1); -moz-filter: blur(2px) grayscale(1); -o-filter: blur(2px) ...
分类:
其他好文 时间:
2016-08-17 15:37:02
阅读次数:
201
元素所应用的动画名称,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义 上课内容中这个导航下拉隐藏很好用,在网页中很实用 /*定义动画的状态 running:运动 paused:暂停 */ .box:hover{ animation-play-state:paused; ...
分类:
Web程序 时间:
2016-08-16 01:54:38
阅读次数:
190
.table:基础表格 .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格 ...
分类:
其他好文 时间:
2016-08-13 16:48:47
阅读次数:
417
随着学习的深入,越来越觉得Css3动画的重要,虽然JQ自定义动画和动画回调函数必须掌握,但是css3动画做起来更加绚丽,更加方便!1.常规使用1.1使用transition属性,一般我们是配合hover使用(可以正向过渡,也可以反向过渡)1.2创建帧动画,然后在选择器中调用动画需要注意一些..
分类:
Web程序 时间:
2016-08-12 15:24:36
阅读次数:
184
随着学习的深入,越来越觉得Css3动画的重要,虽然JQ自定义动画和动画回调函数必须掌握,但是css3动画做起来更加绚丽,更加方便!1.常规使用1.1 使用transition属性,一般我们是配合hover使用(可以正向过渡,也可以反向过渡)1.2 创建帧动画,然后在选择器中调用动画需要注意一些属性a ...
分类:
Web程序 时间:
2016-08-12 13:34:11
阅读次数:
224
<!-- tr td{ border: 1px solid black; text-align: center; } .table-cell{ display:table-cell; padding:0 5px; border:1px solid #ccc; } td:hover{ backgrou ...
分类:
其他好文 时间:
2016-08-11 22:25:26
阅读次数:
177
状态类 x:active 按住时 x:focus 焦点集中时 x:hover 鼠标悬停时 x:link 链接未访问之前 x:visited 链接访问之后 优先顺序应为:Link--visited--hover--active x:lang(xx) 选择属性是lang="xx" x元素 x:not(y ...
分类:
其他好文 时间:
2016-08-10 12:40:32
阅读次数:
150