jQuery-hover(over,out)用法 学习笔记八

hover(over,out)用法:当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。而且，会伴随着对鼠标是否仍然处在特定元素中的检测.

程序demo：

1. css:
3. </script>
4. <style type="text/css">
5. .blue{font-size:30px;
6. color:#0099FF;
7. }
8. </style>
9. ============================================
10. <table border="1">
11.   <tr>
12.    <td id="test">看看这里的字体大小和颜色变化</td>   
13.   </tr>
14.   <tr>
15.    <td>这里是对比字体</td>
16.   </tr>
17.  </table>
18. ============================================
19. js:
21. $(document).ready(function(){
22.   $("#test").hover(
23.   function(){$(this).addClass("blue")},
24.   function(){$(this).removeClass("blue")}
25.   );
26.  });

当鼠标在表格行中移动时表格中的第一行的字体会发生变化。

 

评论

1 楼 zhengyutong 2010-01-26  

嗯，学习了........