Jquery 隔行换色,鼠标经过换色
2010-06-04 11:46
543 查看
<!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> 隔行换色</title> <mce:script type="text/javascript" src="common/jquery-1.2.6.min.js" mce_src="common/jquery-1.2.6.min.js"></mce:script> <link type="text/css" rel="stylesheet" href="common/common.css" mce_href="common/common.css" /> <mce:style><!-- /* 隔行换色 */ .demoOver{background:#ccc;} .demoBg{background:#f1f1f1;} --></mce:style><style mce_bogus="1">/* 隔行换色 */ .demoOver{background:#ccc;} .demoBg{background:#f1f1f1;}</style> </head> <body> <mce:script type="text/javascript"><!-- // 隔行换色 $(function(){ $(".demo ul li").mouseover(function(){ $(this).addClass("demoOver"); }).mouseout(function(){ $(this).removeClass("demoOver"); }) $(".demo ul li:even").addClass("demoBg"); }) // --></mce:script> <!-- 隔行换色 --> <div class="demo"> <ul> <li>www.corange.cn</li> <li>www.corange.cn</li> <li>www.corange.cn</li> <li>www.corange.cn</li> <li>www.corange.cn</li> </ul> </div> </body> </html>
相关文章推荐
- JQuery 表格 隔行换色 和鼠标滑过的样式
- jquery实现隔行变色,点击换色,鼠标悬浮当前行变色效果,div+css 细表格样式
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- javascript学习笔记(十)表格隔行换色,鼠标经过时高亮显示
- 表格隔行换色,鼠标经过时高亮显示
- jQuery实现表格隔行换色且感应鼠标高亮行变色
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- JS实现表格隔行换色,鼠标经过换色,单击换色,再单击还原等功能
- DataGrid GridView 隔行换色 鼠标经过改变背景色
- JQuery实现表格隔行变色,鼠标经过的行放大显示
- jQuery插件实现表格隔行换色且感应鼠标高亮行变色
- jQuery实现table表格隔行换色鼠标经过变色
- JQuery实现表格隔行换色,鼠标移动变色,点击选择变色
- 发一个隔行换色,鼠标经过变色,ONMOUSEOVER变色
- DataGrid GridView 隔行换色 鼠标经过改变背景色
- jQuery实现table表格隔行换色鼠标经过变色
- jsp制作复合表头并循环产生表格内容,控制隔行变色、鼠标经过改变背景色等操作
- JQuery鼠标经过弹出气泡框的js特效效果
- jQuery实现鼠标经过事件的延时处理效果
- jQuery实现table隔行换色和鼠标经过变色