jqurey为什么导入没有效果
来源：3-4 行为层
lhebe
2019-03-03 15:51:50
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link href="cs.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<span></span>
<nav>
<a href="">fdfd</a>
<a href="">sd</a>
<a href="">sdf</a>
<a href="">sdf</a>
<a href="">sdf</a>
</nav>
<div >
<img src="img1/bg1.jpg" alt=""/>
<img src="img1/bg2.jpg" alt=""/>
<img src="img1/bg3.jpg" alt=""/>
<img src="img1/bg2.jpg" alt=""/>
<img src="img1/bg3.jpg" alt=""/>
</div>
</body>
</div>
</html>
$(document).ready(function(){
$('a').click(function(){
$('img').eq($(this).index()).css({'opacity':'1'})
.siblings().css({'opacity':'0'})
});
});
1回答
-
Steve007
2019-03-04
同学，你好。jquery的导入是有效果的，同学这里可以将点击事件换成鼠标移入事件，效果会明显一些。如图：
jq代码要写到body之前的script标签里面。
祝学习愉快！
0
相似问题