用jquery怎么写能使几张图片每隔1秒高亮一张，轮番高亮
有五张图片，页面首次刷新时默认第一张背景高亮显示，每隔一秒下一张背景高亮，依次循循环，如何用jquery实现...
有五张图片，页面首次刷新时默认第一张背景高亮显示，每隔一秒下一张背景高亮，依次循循环，如何用jquery实现
展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
img{
opacity: 0.7;
display: inline-block;
float: left;
}
</style>
<script type="text/javascript" src="js/jquery-3.1.1.js">
</script>
</head>
<body>
<img src="img/log1.jpg"/>
<img src="img/log2.jpg"/>
<img src="img/log3.jpg"/>
<img src="img/log4.jpg"/>
<img src="img/log5.jpg"/>
<script type="text/javascript">
var i = 0;
var time = setInterval(function(){
$("img").eq(i-1).css("opacity","0.7"); //将前一张图片设为浅色
if(i>5){ //图片张数
i=0;
}
$("img").eq(i).css("opacity","1"); //将图片设为高亮
i++;
},1000)
</script>
</body>
</html>
改一下图片路径和jq文件即可
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
