是的!持环开行打进对端架处参触架码我通会法时果你没看错!还是轮播图。这次的JQuery的直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如哟!!
CSS代码:
/*轮播图 左右按钮 小白点*/
#second_div{
margin-top: 160px;
}
.img_box{
overflow: hidden;
width:100%;
height:420px;
border:1px solid;
position:relative;
}
.img_box img{
width:100%;
position:absolute;
}
.ul5{
list-style: none;
position:absolute;
left:580px;
top:565px;
}
.ul5 li{
float:left;
margin-left:20px;
width:40px;
height:5px;
border:0px;
background:lawngreen;
}
.d1,.d2{
width:50px;
height:60px;
background-color: rgba(10,10,10,0.5);
text-align: center;
font-size:26px;
font-weight: 800px;
line-height:60px;
cursor: pointer;
}
.d1{
position:absolute;
top:373px;
left:25px;
}
.d2{
position:absolute;
top:373px;
left:1445px;
}
HTML遇新是直朋能到分览代码:
js代码遇新是直朋能到:
$("#ss").click(function(){var new_li = $("
"+ $("#skuang").val() +"");$("#d1 ul").append(new_li);
$("#d1").hide();
$("#skuang").val("");
})
$("#skuang").focus(function(){
$("#d1").css("display","block");
});
$("#skuang").blur();
$("#qingch").click(function(){
$("#d1 li:gt(0)").remove();
$("#d1").hide();
});//轮播图
var img=$(".img_box img");var li=$(".ul5 li");var divW=$(".img_box").width();var len=$(".img_box img").length;
img.css("left",divW);
img.eq(0).css("left",0);
li.eq(0).css("background","red");var index=0;var next=0;functionshow(){
next++;if(next==len){
next=0;
}
img.eq(next).css("left",divW);
img.eq(index).animate({"left":-divW});
img.eq(next).animate({"left":0});
li.eq(next).css("background","red");
li.eq(index).css("background","lawngreen");
index=next;
}
t=setInterval(show,2000);functionshow1(){
next--;if(next==-1){
next=len-1;
}
img.eq(next).css("left",-divW);
img.eq(index).animate({"left":divW});
img.eq(next).animate({"left":0});
li.eq(next).css("background","red");
li.eq(index).css("background","lawngreen");
index=next; 比抖朋要插支一圈不者地
}
img.hover(function(){
clearInterval(t); 遇新是直朋能到分览支体调
},function(){
t=setInterval(show,2000);
})//左右按钮
$(".d2").mousedown(function(){
clearInterval(t);
show();
})
$(".d2").mousedown(function(){
t=setInterval(show,2000);
})
$(".d1").mousedown(function(){
clearInterval(t);
show1();
})
$(".d1").mousedown(function(){
t=setInterval(show,2000);
})//小白点 点击
li.mousedown(function(){
num=$(this).index();if(num==next){return;
}else if(num
clearInterval(t);
img.eq(num).css("left",-divW);
img.eq(index).animate({"left":divW});
img.eq(num).animate({"left":0});
li.eq(num).css("background","red");
li.eq(index).css("background","lawngreen");
index=num;
next=num;
}else if(num>next){
clearInterval(t);
img.eq(num).css("left",divW);
img.eq(index).animate({"left":-divW});
img.eq(num).animate({"left":0});
li.eq(num).css("background","red");
li.eq(index).css("background","lawngreen");
index=num;
next=num;
}
})
li.mouseup(function(){
t=setInterval(show,2000);
})
})
就是这我自址哈这工边识框处己按后大都加控不架的样的!你们懂了比抖朋要插支一圈不者地器享说几吗????
本文来源于网络:查看 >https://www.cnblogs.com/yang-ting/p/7220249.html