<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery-1.11.1.js"></script>
<script>
$(function () {
var jqli1=$("li:odd");
var jqli2=$("li:even");
jqli1.css("background","red");
jqli2.css("background","blue");
var color="";
$("li").mouseenter(function () {
color=$(this).css("background");
$(this).css("background","blue");
});
$("li").mouseleave(function () {
$(this).css("background",color);
});
});
</script>
</head>
<body>
<ul>
<li>知否知否</li>
<li>知否知否</li>
<li>知否知否</li>
<li>知否知否</li>
<li>知否知否</li>
<li>知否知否</li>
<li>知否知否</li>
</ul>
</body>
</html>
JS隔行变色this
最新推荐文章于 2020-12-21 13:44:04 发布