这里用纯CSS实现一个简单的单级下拉菜单，鼠标划过菜单标题时显示下拉菜单。基本思路在菜单处于光标之下时显示菜单，其余时候隐藏。这个过程首先得想到 :hover 伪类来实现，但是直接的利用伪类还不行，因为普通状态下菜单隐藏了，没办法触发 :hover ，不过下拉菜单隐藏了不是还有菜单标题么，菜单标题处...
分类：
其他好文 时间：
2014-07-22 22:53:13
阅读次数：
333
可见性:hidden:visible隐藏对象没有宽高，前提是用display:none处理的jQuery.expr.filters.hidden = function( elem ) { // Support: Opera -1; };}),取空递归这个节点，排除nodeType大于6...
分类：
其他好文 时间：
2014-07-22 22:43:54
阅读次数：
230
接下来的这一节我计划讲解的是超链接和列表的样式，然后我们做出一个导航栏出来，其实导航栏是非常常见的，但是我们这里做得这个有点并不那么完善，等我们学完了css之后再完善它。**************超链接*************1.我们讲伪类的时候已经讲到了，一个超链接可以有link（正常状态.....
分类：
Web程序 时间：
2014-07-22 00:39:35
阅读次数：
254
CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，CSSer们只有望洋轻叹。虽 然如此，但有前...
分类：
其他好文 时间：
2014-07-19 15:20:14
阅读次数：
219
效果预览这里用纯CSS实现一个简单的单级下拉菜单，鼠标划过菜单标题时显示下拉菜单。基本思路在菜单处于光标之下时显示菜单，其余时候隐藏。这个过程首先得想到 :hover 伪类来实现，但是直接的利用伪类还不行，因为普通状态下菜单隐藏了，没办法触发 :hover ，不过下拉菜单隐藏了不是还有菜单标题么，菜...
分类：
其他好文 时间：
2014-07-19 11:19:34
阅读次数：
210
严格来说是自定义伪类选择器，不过也相当有意思了。昨天我学习其中一个 jquery lazy load 源码的时候，看到末尾这么写的。/* Custom selectors for your convenience. 译: 提供自定义选择方便你使用。 *//* Use as $("img:below....
分类：
Web程序 时间：
2014-07-16 18:05:26
阅读次数：
277
这里主要利用A元素的伪类来实现：a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #00...
分类：
Web程序 时间：
2014-07-10 10:18:53
阅读次数：
338
定义链接样式 CSS为一些特殊效果准备了特定的工具，我们称之为“伪类”。其中有几项是我们经常用到的，下面我们就详细介绍一下经常用于定义链接样式的四个伪类，它们分别是： :link :visited :hover :active 因为我们要定义链接样式，所以其中必不可少的就...
分类：
Web程序 时间：
2014-07-03 12:04:07
阅读次数：
287
闲来无事，逛园子，充充电。发现了一个挺有意思的博文，自己玩了一把。第一题：使用 HTML+CSS 实现如图布局，border-widht 1px，一个格子大小是 60*60，hover时候边框变为橘红色（兼容IE6+，考虑语义化的结构）效果图: 简单分析一下： 使用伪类 :hover的时候相对定位....
分类：
其他好文 时间：
2014-07-03 06:02:04
阅读次数：
315
:hover -- CSS :hover 伪类，适用于光标（鼠标指针）指向一个元素，但此元素未被激活时的样式
语法: :hoverCSS版本：CSS2引用网址：http://www.dreamdu.com/css/pseudo-class_hover/说明：
适用于光标（鼠标指针）指向一个元素，但此元素未被激活时客户端（浏览器）可以根据用户与其交互的动作改变其渲染效果，CSS为...
分类：
Web程序 时间：
2014-06-24 21:11:31
阅读次数：
201
