老师,请帮忙看一下
来源:2-7 编程练习
mokongh
2019-03-17 10:00:57
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>习题</title>
<style>
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$(document).ready(function(){
// $('li').hover(function(){
// $(this).css({'font-size':'2em','color':'red'});
// },function(){
// $(this).css({'font-size':'1em','color':'#000'});
// })
$('li').mouseenter(function(){
$(this).css({'font-size':'2em','color':'red'});
})
$('li').mouseleave(function(){
$(this).css({'font-size':'1em','color':'#000'});
})
})
</script>
</body>
</html>1回答
好帮手慕夭夭
2019-03-17
你好同学 ,效果实现的很不错 ,继续加油 , 祝学习愉快 !
相似问题