以前觉得级联导航实现应该很简单，就是使用css的hover属性来实现就可以了，于是也没有过多地留意实践。可是在最近的面试当中，当被问到这个问题的时候才明白，很多东西不能想当然地以为这样做就可以了，不单只是知道大概的思路就认为OK了，更需要实际的动手能力。
后来就实际操作了级联菜单的实现，借此机会把它弄成一个模板来和大家一起学习。
以下是HTML部分：
纯css级联导航...
分类：
Web程序 时间：
2015-06-14 15:18:18
阅读次数：
168
:target是CSS3 中新增的一个伪类，用以匹配当前页面的URI中某个标志符的目标元素（比如说当前页面URL下添加#comment就会定位到id=“comment”的位置，俗称锚）。CSS3 为这个动作赋予了更加多的功能——就如同:hover一样你可以做一些样式定义。先上效果图正如标题所说，本文...
分类：
Web程序 时间：
2015-06-12 10:01:17
阅读次数：
234
E:hover 用于指定当鼠标指针移动到元素上面时元素所使用的样式；
E:action 用于指定元素被激活（鼠标在元素上按下还没有松开）时所使用的样式；
E:focus 用于指定元素获得光标焦点时所使用的样式，主要是在文本框空间获得焦点并进行文字输入时使用的样式；
E:enable 设置该元素处于可用状态的样式；
E:disabled 设置该元素处于不可用状态时的样式；
E...
分类：
其他好文 时间：
2015-06-11 14:50:08
阅读次数：
149
伪类选择器是使用在a（锚）元素上的几种选择器，它们的使用方法如下：a:link{color:#ff0000;text-decoration:none}
a:visited{color:#00ff00;text-decoration:none}
a:hover{color:#ff00ff;text-decoration:underline}
a:link{color:#0000ff;text-deco...
分类：
其他好文 时间：
2015-06-10 15:42:57
阅读次数：
120
一、hover$(function (){ $("input").hover(function (){ 动作一 //鼠标移进触发 },function (){动作二 //鼠标移出触发 });});二、常用事件对象的属性：阻止冒泡：e.stopP...
分类：
Web程序 时间：
2015-06-10 11:45:40
阅读次数：
127
制作二级菜单要实现鼠标移动上去显示子菜单，鼠标移出子菜单隐藏，或者其他类似需求的地方，首先我会想到用jquery的hover事件来实现，如：$(".nav").hover(function(){ $("sub-nav").addClass("show");},function(){ $(...
分类：
Web程序 时间：
2015-06-09 11:38:00
阅读次数：
162
不同的链接可以有不同的样式。链接样式链接的样式，可以用任何CSS属性（如颜色，字体，背景等）。特别的链接，可以有不同的样式，这取决于他们是什么状态。这四个链接状态是：a:link - 正常，未访问过的链接a:visited - 用户已访问过的链接a:hover - 当用户鼠标放在链接上时a:acti...
分类：
Web程序 时间：
2015-06-05 15:41:00
阅读次数：
139
在很多网站中，我们都可以看到这样的效果，当用户鼠标进入某一个元素后，下方就会有遮罩层上浮动画，如图：
今天我们就用hover伪类加上css3实现，没有使用任何JS
#d1{
height: 100px;
position: relative;
width: 100px;
overflow: hidden;...
分类：
Web程序 时间：
2015-06-05 12:25:28
阅读次数：
167
a:link { font-size: 14pt; text-decoration: underline; color: blue; } /*设置a对象在未被访问前的样式表属性 。*/a:hover { font-size: 14pt; text-decoration: underline; col...
分类：
其他好文 时间：
2015-06-01 20:20:49
阅读次数：
107
在jQuery的开发过程中，我们往往需要处理各种事件，例如click()，hover()等。在jQuery的API中，我们可以使用不同的方法来将这些事件绑定到特定的元素中。今天这篇文章中，我们将要介绍如何使用bind()，on()，live()和delegate()方法来绑定特定的事件，什么情况.....
分类：
Web程序 时间：
2015-05-31 18:04:54
阅读次数：
132
