div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
来源:互联网 发布:ar软件下载苹果 编辑:程序博客网 时间:2024/06/06 01:02
$("table tr").eq(1).remove(); //删除第一行数据$("#tbl1").find("tr").eq(0).remove(); //删除第一行数据,eq的下标是从0开始。$("#tblContent tr:even").css("background-color", "#333"); //奇数行$("#tblContent tr:odd").css("background-color", "blue");//偶数行
div li隔行变色:
<style type="text/css"> .bcloer{background-color: Red;} </style> <script type="text/javascript"> $(document).ready(function () { //$("#UL_id li:even").addClass("bcloer"); //方式一 $("#UL_id li:even").attr("className", "bcloer"); //方式二 }) </script> <div> <ul id="UL_id"> <li>单数</li> <li>双数</li> <li>双数</li> <li>单数</li> <li>双数</li> <li>双数</li> </ul> </div>
div li鼠标悬浮高亮显示:
<style type="text/css"> .blue{background: #bcd4ec;} </style> <script type="text/javascript"> $(document).ready(function () { $("#orderedlist li").hover(function () { $(this).addClass("blue"); }, function () { $(this).removeClass("blue"); }); }); </script> <div> <ul id="orderedlist"> <li>11111111111111111111111111111111</li> <li>22222222222222222222222222222222</li> <li>33333333333333333333333333333333</li> <li>44444444444444444444444444444444</li> <li>55555555555555555555555555555555</li> <li>66666666666666666666666666666666</li> <li>77777777777777777777777777777777</li> </ul> </div>
div li隔行变色,鼠标悬浮高亮显示:
<style type="text/css"> /*.hover的样式是必须得,具体样式效果自行设置*/ .hover{ background-color:#222C35; color:#FFF;} .hover,.hover a{color:#FFF;} </style> <script type="text/javascript"> $(document).ready(function () { jQuery.hoverPlugin = { hover: function (hoverid) { $(hoverid).hover(function () { $(this).addClass("hover") }, function () { $(this).removeClass("hover") }) } }; $.hoverPlugin.hover('#hoverul li'); $.hoverPlugin.hover('#hoverdiv a') }); </script> <div> <ul id="hoverul"> <li>jquery图片左右来回循环飘动</li> <li>jquery图片左右来回循环飘动</li> <li>jquery图片左右来回循环飘动</li> <li>jquery图片左右来回循环飘动</li> <li><a href="#">jquery 特效</a></li> <li><a href="#">jquery 特效</a></li> <li><a href="#">jquery 特效</a></li> <li><a href="#">jquery 特效</a></li> </ul> </div>
0 0
- div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
- div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- jquery table隔行变色 鼠标高亮
- jQuery隔行变色鼠标划过高亮度显示
- 隔行变色,高亮显示
- CSS控制表格隔行变色与鼠标滑过变色
- 通过CSS效果:隔行变色和鼠标掠过高亮,学习JQuey的css()、hover()方法
- JS_隔行变色高亮显示
- js 隔行变色 鼠标悬浮变色 双击变色
- (28)表格隔行变色,并且鼠标移入高亮显示,鼠标移出显示原来的颜色
- css控制隔行样式
- js实现表格隔行变色和鼠标移入高亮
- "li隔行变色"代码
- css控制表格样式 鼠标经过变色效果
- HTML 表格的CSS样式-隔行变色
- CSS表格样式:圆角,隔行,变色
- jQyery 隔行换色以及鼠标悬浮单击变色事件
- 总结iphone6s和iphone6有什么不同
- 机器学习简史
- C#读取XML文件数据和把数据保存至xml的方法
- 状态栏提示控件的实现原理(转自http://www.cnblogs.com/smileEvday/archive/2013/05/30/statusBarTips.html)
- PHP curl post提交表单
- div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
- css 引入新字体
- 安全删除MySQL二进制日志的3种方法
- 用python实现远程复制 (scp + expect )
- 【笔记】Spring MVC学习指南(十)国际化
- maxMascots
- ios状态栏(转自http://www.molotang.com/articles/1609.html)
- sea.js基础学习
- Android面试题目汇总