原文::link,:visited,:focus,:hover,:active详解CSS 又名 层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究。 :link与:visited在样式文件中的顺序可以随便放置。
而focus, hover,active这几...
分类:
其他好文 时间:
2014-09-06 12:10:33
阅读次数:
211
jQuery图片预加载早已不是什么新鲜的技术,比如在图片轮播(一些hover事件中)时为了提高图片加载速度,这就需要用到图片预加载技术,这样图片的切换就显得流畅,这样做一定意义上提升了用户体验。我们简单看看实现方法及简单的说明:UI前端框架最新力作!有奖试读
.代码
var img = $('').attr('src', 'imageurl.jpg');
...
分类:
Web程序 时间:
2014-09-04 19:13:50
阅读次数:
221
1.可以向两边滑动的选项卡菜单今天制作了一款选项卡菜单,其实本质上和普通的选项卡没什么区别,对于菜单项有hover效果,有选中效果,所增加的就是,菜单项可以有无数个,当总菜单项的宽度之和超出选项卡的固定宽度时,会出现向右移动按钮,这时,多出的菜单项会被隐藏掉。然后,可以点击移动按钮来移动菜单项,这样...
分类:
Web程序 时间:
2014-09-04 16:21:19
阅读次数:
246
在调试CSS的时候,我一般使用Chrome的F12开发者工具,或者FireFox的FireBug直接在元素上面修改好Style后,再写入到CSS中。前几天遇到一个问题就是a:hover,鼠标一移开效果就看不到了。后来查了一些资料,终于找到解决办法了。 FF中: Chrome中: 没有什么技术含量,只...
分类:
Web程序 时间:
2014-09-03 10:50:26
阅读次数:
260
一、IE6及以下不识别a 标签外的:hover伪类,在火狐,IE7里能正确达到效果,解决办法:
.代码
#show li.s1{ border:1px solid #ff9900; background:#454242;}
#show li.s2{ border:1px solid #D9D8D8; background:#312E2E;}
...
分类:
Web程序 时间:
2014-09-01 17:46:33
阅读次数:
265
/** * 添加点击的样式 */function addClickClass(){ var eles = ["a.province",".citys"]; var classes = ["hover","hover2"]; for (var i = 0; i < eles.leng...
分类:
Web程序 时间:
2014-09-01 13:57:33
阅读次数:
237
CSS 又名 层叠样式表,所谓层叠,就是后面的样式会覆盖前面的样式,所以在样式表中,各样式排列的顺序很有讲究。:link与:visited在样式文件中的顺序可以随便放置。而focus, hover,active这几个,如果你设置的顺序不同,会直接影响样式的显示效果,下面会详细解释。:focus->:...
分类:
其他好文 时间:
2014-09-01 13:55:53
阅读次数:
176
1.jquery hover鼠标悬停品牌图片旋转动画展示jquery hover鼠标悬停图片特效,品牌图片列表通过鼠标滑过品牌图片旋转动画展示,鼠标离开品牌图片旋转回来。非常适合做广告位展示!在线演示源码下载2.jquery智能提示邮箱列表特效jquery智能提示邮箱列表特效,当用户输入邮箱时,下方...
分类:
Web程序 时间:
2014-08-27 16:25:17
阅读次数:
212
语法:$(selector).animate({params},speed,callback);示例一、jquery_opacity_css透明$(function () { $('.container img').css('opacity', 0.8).hover(function () {...
分类:
Web程序 时间:
2014-08-27 12:24:27
阅读次数:
248