第一种:效果:html代码:不需要js代码,显示的是title中的内容。 Hover me 01第二种:效果:html代码: Hover here 02JS代码:position string 消息框位置。可用值有:"left","right","top","bottom" bottom...
分类:
其他好文 时间:
2015-10-10 00:25:25
阅读次数:
288
伪类有::first-child ,:link:,vistited,:hover,:active,:focus,:lang伪元素有::first-line,:first-letter,:before,:aftercss清除浮动方法: (讲解)(hasLayout) 清除浮动例子 清除浮...
分类:
其他好文 时间:
2015-10-04 17:06:28
阅读次数:
239
参考:http://www.w3school.com.cn/css/css_link.asp链接的四种状态①a:link - 普通的、未被访问的链接②a:visited - 用户已访问的链接③a:hover - 鼠标指针位于链接的上方④a:active - 链接被点击的时刻改变颜色实例a:lin.....
分类:
Web程序 时间:
2015-09-29 20:24:31
阅读次数:
267
mouseover和hover方法的不同?jqueryhover包括了鼠标移到对象上,同时鼠标再移出对象的过程,相应的子类也被选中。mouseover是鼠标经过对象时,不包含他的子类同时被选中。主要区别在于 hover元素的子类上也有添加了事件驱动。而mouseover 只对当前元素添加事件驱动。且...
分类:
其他好文 时间:
2015-09-28 18:55:13
阅读次数:
229
首先的把相关样式和脚步文件引入,其次是激活tooltip:$(function(){$("[data-toggle='tooltip']").tooltip();});js代码: View Codehtml代码: hover m...
分类:
其他好文 时间:
2015-09-28 00:14:29
阅读次数:
320
#c{ display:none;}#b{display:none;}#a:hover+#b{ display:block; }#a:hover #c{ display:block;}c是a的子元素,使用a控制c的样式时,为 #a:hover #c{}b是a兄弟元素,使用a...
分类:
Web程序 时间:
2015-09-23 19:22:54
阅读次数:
138
$(function(){ //返回顶部 $('.btop').hover(function(){ $(this).find('img').attr('src','${base!}/${img_path!}/backtop2.gif'); },function(){ $(this).f...
分类:
其他好文 时间:
2015-09-23 16:50:20
阅读次数:
214
* { font-family: "Microsoft yahei"; color: #5a5751; font-weight: lighter}a:hover { color: lightblue}.dayTitle a>img { display: none}a {...
分类:
Web程序 时间:
2015-09-22 22:05:45
阅读次数:
455
/*这里是鼠标放上去显示全名 */ .kb2wText{display:block; height:20px; width:150px; line-height:20px; color:#000000; overflow:hidden;} .kb2wText:hover { width:100%; ...
分类:
其他好文 时间:
2015-09-22 14:38:06
阅读次数:
137
对于这样的导航栏,点击之后就会改变样式的,应该直接在链接后面的相应标签里面加上相应的样式,而不必使用js效果,因为页面已经跳转了,在当前页面所加的js是没有效果的,这一点谨记,可以节约不少时间,如果对于当前页面hover效果的话,在IE7下面只有a标签有用,对于其他的标签是无效果的。所以在页...
分类:
其他好文 时间:
2015-09-21 14:09:37
阅读次数:
320