纯css方式实现隔行颜色交替、鼠标经过高亮颜色：
<html>
<head>
<title></title>
<style type="text/css">
ul{list-style:none}
li:nth-child(odd){background-color:#eee}
li:hover{background-color:Yellow}
</style>
</head>
<body>
<ul>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
</body>
</html>js方式实现隔行颜色交替、鼠标经过高亮颜色：
系统前端采用可视化布局，能自动适应不同尺寸屏幕，一起建站，不同设备使用，免去兼容性烦恼。系统提供列表、表格、地图三种列表显示方式，让用户以最快的速度找到所需行程，大幅提高效率。系统可设置推荐、优惠行程，可将相应行程高亮显示，对重点行程有效推广，可实现网站盈利。系统支持中文、英文，您还可以在后台添加新的语言，关键字单独列出，在后台即可快速翻译。
150
<html>
<head>
<title></title>
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<style type="text/css">
.alter-item {
background-color: #eee;
}
.hightlight {
background-color: Yellow;
}
</style>
<script type="text/javascript">
$(function () {
//隔行颜色
$("ul li:odd").addClass("alter-item");
method1();
});
//方法1：
function method1() {
$("ul li").hover(function () {
$(this).addClass("hightlight");
}, function () {
$(this).removeClass("hightlight")
});
}
//方法2：
function method2() {
$("ul li").mouseover(function () {
$(this).addClass("hightlight").siblings().removeClass("hightlight");
});
}
</script>
</head>
<body>
<ul>
<li>111</li>
<li>222222222</li>
<li>111</li>
<li>444444444444444444444</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
</body>
</html>
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
4272
收藏
