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>

注意这里的格式。

该方法触发 mouseover和 mouseout事件，即hover=mouseover+mouseout.