隔行变色
效果如下:
CSS部分
<style>
ul {
list-style: none;
color: #fff;
}
ul li {
margin: 5px;
}
</style>
body部分
<script src="lib/jquery/jquery-3.4.1.min.js"></script>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<script>
$(function(){
$("li:odd").css("background","blue");
$("li:even").css("background","red");
var color = '';
$("li").mouseenter(function(){
color = $(this).css("background");
$(this).css("background","yellow");
});
$("li").mouseleave(function(){
$(this).css("background",color);
});
});
</script>