css hover伪类选择器与JQuery hover,方法
css hover伪类选择器
它属于anchor伪类
在支持 CSS 的浏览器中,<a>标签链接的不同状态都可以以不同的方式显示,常常用来改链接的颜色效果
实例
a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */
#art a:hover{
background:url(./article_bg.gif);
}
JQuery Hover方法
定义和用法
hover() 方法规定当鼠标指针悬停在被选元素上时要运行的两个函数。
jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。
jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。
语法
$(selector).hover(inFunction,outFunction)
例如
<script>
$(document).ready(function(){
$("p").hover(function(){
$("p").css("background-color","yellow");
},function(){
$("p").css("background-color","pink");
});
});
</script>
注意这里的格式。
- 上一篇 »CSS 选择器权重计算规则
- 下一篇 »CSS a:hover伪类在IE6下的问题