<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="box">
文字内容
</div>
</body>
<script type="text/javascript">
$(function(){
var $btn=true
$(".box").click(function(){
if($btn){
$(this).css("background","#00FF00")
$btn=false
}else{
$(this).css("background","#fff")
$btn=true
}
})
})
</script>
</html>
var lastTr = 0jQuery("tr").each(function(index){
//添加高亮样式，移除上一个tr高亮的样式的话可以通过定义一个全局变量记住上一个高亮的tr的index索引
jQuery(this).click(function(){
//添加高亮样式，移除上一个tr高亮的样式的话可以通过定义
一个全局变量记住上一个高亮的tr的index索引
..........
//添加高亮样式，
..........
})
})
<!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文件即可
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）