hover(over,out)用法:当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测.
程序demo:
- css:
- </script>
- <style type="text/css">
- .blue{font-size:30px;
- color:#0099FF;
- }
- </style>
- ============================================
- <table border="1">
- <tr>
- <td id="test">看看这里的字体大小和颜色变化</td>
- </tr>
- <tr>
- <td>这里是对比字体</td>
- </tr>
- </table>
- ============================================
- js:
- $(document).ready(function(){
- $("#test").hover(
- function(){$(this).addClass("blue")},
- function(){$(this).removeClass("blue")}
- );
- });
当鼠标在表格行中移动时表格中的第一行的字体会发生变化。