这个轮播一共五张图片，每张是宽620高250。。。我先说下我的思路，我在box这个大的div里设置的是一张图片的宽高，然后里面有个img的div，是拿来放图片的，设置宽为3100也就是5张图一共的宽度，box设置为over flow hidden。。。。基本上用这个布局来实现轮播。。。可是JS代码我有点晕哎，望大神指导下！！function playnext(){ //播放下一张
var slidercontent = document.getElementById(); //在("这里填写存放轮播图图片的ID")
slidercontent.style.webkitTransition="all .3s linear"; //为轮播添加过渡效果
if(slidercontent.style.marginLeft==""){
slidercontent.style.marginLeft="0px";
}
var sliderwidth = 620; //每张图片的大小
if(parseInt(slidercontent.style.marginLeft)>-2480){
slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)-sliderwidth+"px";
}else{
slidercontent.style.marginLeft="0px";
}
}
function playprevious(){ //播放上一张
var slidercontent = document.getElementById("lunbo2");
if(slidercontent.style.marginLeft==""){
slidercontent.style.marginLeft="0px";
}
var sliderwidth = 620;//每张图片的大小
if(parseInt(slidercontent.style.marginLeft)<0){
slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)+sliderwidth+"px";
}else{
slidercontent.style.marginLeft="-2480px";
}
}尤其不理解这段代码。。。if(parseInt(slidercontent.style.marginLeft)>-2480){ slidercontent.style.marginLeft=parseInt(slidercontent.style.marginLeft)-sliderwidth+"px"; }else{ slidercontent.style.marginLeft="0px"; }}有木有大神能讲细点，菜鸟一枚啊，超级感谢！！！！！！！！1
添加回答
举报
0/150
提交
取消