程序博客网 > mac下如何隐藏文件夹

jQuery轻松实现表格的隔行变色，点击行变色

来源：互联网发布：mac下如何隐藏文件夹编辑：程序博客网时间：2024/04/30 12:26

jQuery轻松实现表格的隔行变色，点击行变色：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">
< head>
< meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
< title>使用jquery设置表格样式</title>
< style>
.even{
background-color:red;
}
.odd{
background-color:green;
}
.selected{
background-color:#FF6;
}
.se{
background-color:#666;
}
< /style>
< script language="javascript" src="../../include/jquery.js"></script>
< script>
$(document).ready(function(){
//隔行表色
$("tr:even").addClass("even");
$("tr:odd").addClass("odd");

//点击变色
$("tr").toggle(
function(){

   $(this).addClass("selected");

},function (){

$(this).removeClass("selected");

}
);

//滑动变色
$("tr").mouseover(function (){

$(this).addClass("se");

}).mouseout(function (){

$(this).removeClass("se");

});

});
< /script>
< /head>

<body>
< table width="500" border="1" align="center">
<tr>
   <td></td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
   <td></td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
   <td></td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
   <td></td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
   <td></td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
< /table>

< /body>
< /html>

mac下如何隐藏文件夹

mac下如何隐藏文件夹

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子爱建始网女孩示爱被拒约架爱恨之约蜜爱婚约总裁离婚请签字爱你如约而至爱约限时婚约总裁强势爱只婚不爱老公晚上约同城爱陌约爱你如约而至顾蔷薇秦斯爵爱恨之约总裁请克制爱约app 爱纱爱经爱经之夜印度爱经中国爱经印度爱经3d 美国爱经波兰爱经罗马爱经万诱宝鉴爱经爱经下载大爱道比丘尼经幸福爱经彼爱无岸不经语遥结爱结爱全集免费观看结爱结爱全集结爱异客逢欢笹本结爱结爱之千年初恋全集免费观看施定柔结爱三部曲结爱三部曲顺序结爱千岁大人因爱名结欲结果结爱千岁大人的初恋免费观看结发为夫妻恩爱两不疑结爱异客逢欢番外一番外二结发为夫妻恩爱两不疑全诗