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.

上一篇:Webstorm设置Node.js智能提示


下一篇:C++ 预处理指令 #pragma