<!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
猜你喜欢
转载自blog.csdn.net/zuo_zuo_blog/article/details/89853535
今日推荐
周排行