div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
来源:互联网 发布:布丁淘宝客软件好用吗 编辑:程序博客网 时间:2024/06/05 08:18
$("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>
- 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 隔行换色以及鼠标悬浮单击变色事件
- Sciter(HTMLayout)中元素的 增 删 改 查
- HOG(Histogram of Oriented Gradient)方向梯度直方图
- android 检测该包名所对应的应用是否存在
- Ubuntu下安装配置JDK
- Android HAL 开发 (1)
- div li隔行变色 鼠标悬浮高亮显示 jquery控制css样式
- 中文参数传递编码后传递乱码解决(java.net.URLEncoder.encode)
- linux下eclipse修改快捷键冲突
- GETMODULEHANDLE总是返回null
- Android HAL 开发 (2)
- hdu_1556 Color the ball
- cocos2d-x 全屏播放可以跳过的开场动画mp4
- Android HAL 开发 (3)
- android4.3 自带的权限管理功能