老师,帮忙看下
来源:2-7 编程练习
weixin_慕斯卡2316274
2019-10-31 16:35:30
<!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(){
$('li').eq($(this).index())
.css({'color':'red'})
.css({'fontSize':'40px'})
.siblings()
.css({'color':'#000'})
.css({'fontSize':'16px'});
},function(){
$('li').eq($(this).index())
.css({'color':'#000'})
.css({'fontSize':'16px'});
});
})
</script>
</body>
</html>
2回答
同学你好, 不写也是可以的,编程是很灵活的哦, 例:
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
好帮手慕慕子
2019-10-31
同学你好, 经测试代码效果实现的很棒哦, 继续加油!
欢迎采纳,祝学习愉快~~~~
相似问题