直接将下面代码Copy过去就行： <script type="text/javascript"> $('ul.nav li.dropdown').hover(function () { $(this).find('.dropdown-menu').stop(true, true).delay(200 ...
分类：
其他好文 时间：
2016-05-16 19:57:32
阅读次数：
204
这个 div 使用 "text-overflow:ellipsis" ： This is some long text th。。。 这个 div 使用 "text-overflow:clip"： This is some long text th hover属性text-overflow:inher ...
分类：
Web程序 时间：
2016-05-16 10:47:00
阅读次数：
151
在网页上我们经常看到鼠标悬停在一个图片上，这张图片会慢慢的放大，感觉是像放大镜放大的效果，当鼠标移开的时候，图片有恢复原来的样子，今天就实现这种效果。实现原理以思路：1，首先这是一张图片在悬停时放大也就是改变大小（宽，高）实现的。2，一张图片在放大的时候会根..
分类：
其他好文 时间：
2016-05-15 19:58:58
阅读次数：
161
给所有div加上边框=10px之后，再给所有div设置margin-left与margin-top;以及浮动（float:left） 因此时需要鼠标悬停效果：所以设置给div设置伪类:hover,然因浮动脱离了标准流。所以覆盖了div的边框,所以鼠标悬停时div边框显示不全设置定位（position ...
分类：
Web程序 时间：
2016-05-14 21:24:06
阅读次数：
278
一、垂直导航栏ul{
list-style-type:none;
margin:0px;
padding:0px;
}
a:link,a:visited{
text-decoration:none;
display:block;
background-color:aqua;
color:black;
width:50px;
text-align:center;
}
a:active,a:hover{
background-color:crimson;
}<!DOCTYPEhtml>..
分类：
Web程序 时间：
2016-05-14 01:14:45
阅读次数：
178
body{
background-color:#0078b3;
}
.p_w_picpath{
border:1pxsoliddarkgray;
width:auto;
height:auto;
float:left;
text-align:center;
margin:5px;
}
img{
margin:5px;
opacity:1;
}
.text{
font-size:12px;
margin-bottom:5px;
}
a:hover{
background-color:aqua;
}<..
分类：
Web程序 时间：
2016-05-14 01:12:34
阅读次数：
144
css3的新属性非常不错，目前IE除外其他浏览器都已支持 实现原理:比如元素a在hover时候可以改变元素b的状态。 效果如本农导航，欢迎采用和建议~ a:hover b{ 执行简单动画效果 } HTML CSS ...
分类：
Web程序 时间：
2016-05-13 08:53:27
阅读次数：
207
这个功能在现在的网站中使用较为普遍，就是以选项卡的形式来对一些内容做了分类。，比如下面的天猫商城。
下面的源码是仿照天猫写的一个选项卡，实现起来的效果如下。
主要是利用我们在点击相应板块是触发它的单击事件，在单击事件中再对内容显示框(tabbox)进行相应项的显示和隐藏操作。
同时利用hover为其添加了鼠标滑过时的效果。
DOCTYPE html>
html lan...
分类：
Web程序 时间：
2016-05-12 23:20:22
阅读次数：
201
链接： a:link {color:#FF0000;} /* 未被访问的链接 */a:visited {color:#00FF00;} /* 已被访问的链接 */a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */a:active {color:#0000FF;} /* ...
分类：
Web程序 时间：
2016-05-11 15:02:17
阅读次数：
159
a标签的hover，active，target,visited等伪类在所有浏览器中是兼容的，而其他元素的这些伪类并不全兼容； a标签本身是跳转页面的，把跳转的地址写在href这个属性中， （1）不写值得话是刷新本页面； （2）写的如果是#target，是锚点定位，定位到当前页面ID为target的位 ...
分类：
其他好文 时间：
2016-05-11 01:04:21
阅读次数：
150
