实现隔行换色效果的两种方式【实用】
(编辑：jimmy 日期: 2026/3/31 浏览：3 次 )
纯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方式实现隔行颜色交替、鼠标经过高亮颜色：
<html> <head> <title></title> <script src="/UploadFiles/2021-04-02/jquery.min.js">以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持！
下一篇：javascript实现无法关闭的弹框