<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>hover()</title>
<script type="text/javascript" src="class library/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('#ul1 >li').hover(function(){
$(this).addClass('blue');
},function(){
$(this).removeClass('blue');
});
});
</script>
<style>
.blue{ background:blue;}
</style>
</head>
<body>
<ul id="ul1">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
</body>
</html>
hover()
最新推荐文章于 2024-09-20 09:21:03 发布