JQuery - 鼠标经过table的行变色
2014-01-19 00:00
369 查看
hover接受两个函数,一个是鼠标进入时执行什么函数,另外一个是鼠标离开时执行什么函数。
<html> <head> <script type="text/javascript" src="jquery-1.10.2.js"></script> </head> <body> <h1>Highlight table row record on hover - jQuery</h1> <table border="1"> <tr><th>No</th><th>Name</th><th>Age</th><th>Salary</th></tr> <tr><td>1</td><td>Yong Mook Kim</td><td>28</td><td>$100,000</td></tr> <tr><td>2</td><td>Low Yin Fong</td><td>29</td><td>$90,000</td></tr> <tr><td>3</td><td>Ah Pig</td><td>18</td><td>$50,000</td></tr> <tr><td>4</td><td>Ah Dog</td><td>28</td><td>$40,000</td></tr> <tr><td>5</td><td>Ah Cat</td><td>28</td><td>$30,000</td></tr> </table> <script type="text/javascript"> $("tr").not(':first').hover( function () { $(this).css("background","yellow"); }, function () { $(this).css("background",""); } ); </script> </body> </html>
相关文章推荐
- jQuery实现table表格隔行换色鼠标经过变色
- jquery实现table鼠标经过变色代码
- 写得不错的jquery table鼠标经过变色代码
- 写得不错的jquery table鼠标经过变色代码
- jquery实现table鼠标经过变色代码
- jQuery实现table表格隔行换色鼠标经过变色
- jquery 写得不错的table鼠标经过变色
- jQuery实现table隔行换色和鼠标经过变色
- jquery 实现鼠标移动到table每行,此行高亮变色
- jQuery实现table隔行换色和鼠标经过变色
- Jquery 双色表格,鼠标经过变色
- jQuery实现table隔行换色和鼠标经过变色
- jquery 鼠标经过行变色
- Table交替行变色 鼠标经过变色 单击变色
- Jquery的hover方法让鼠标经过li时背景变色
- jQuery实现table隔行换色和鼠标经过变色
- jQuery实现table隔行换色和鼠标经过变色
- Jquery实现GridView隔行变色,鼠标经过变色,单击或者选中变色
- jquery特效 table鼠标滑过变色的实现代码
- 用jquery实现单双行变色以及鼠标经过时也同时变色