Jquery 单击_双击_鼠标经过_鼠标离开_背景样式变化
生活随笔
收集整理的這篇文章主要介紹了
Jquery 单击_双击_鼠标经过_鼠标离开_背景样式变化
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
列表頁點擊、鼠標經過離開背景變化
<script type="text/javascript">$(function () {$("table tr").click(function () { $(this).addClass("aliveTrClick").siblings().removeClass("aliveTrClick"); }).dblclick(function () { $(this).removeClass("aliveTrClick"); }).mouseover(function () { $(this).addClass("aliveTr"); }).mouseleave(function () { $(this).removeClass("aliveTr"); });});</script> <style type="text/css">.aliveTr{ background:#DfE7D0;} .aliveTrClick{ background:#D0E7D0;}</style> <table width="80%" border="1"> <tr> <td>2003年</td> <td>1000</td> <td>2000</td> <td>3000</td> </tr> <tr> <td>2004年</td> <td>4000</td> <td>5000</td> <td>6000</td> </tr> <tr> <td>2005年</td> <td>7000</td> <td>8000</td> <td>9000</td> </tr> </table>轉載于:https://www.cnblogs.com/yonsy/p/4255250.html
總結
以上是生活随笔為你收集整理的Jquery 单击_双击_鼠标经过_鼠标离开_背景样式变化的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 常用的PHP正则表达式汇总
- 下一篇: 使用HTML5在浏览器中开发虚拟现实业务