纯javascript代码手写图片旋转木马
我们把js代码直接放在了手写图片的旋转木马代码中,代码很简单,代码如下:图片旋转开关
。imgcon {宽度:400px;身高:400px;边界:2px固体# dcdcdc;保证金:100px汽车;位置:位置:;}
。imgcon跨度{显示:块;位置:绝对;左:0px;宽度:100%;高度:30px;背景;高度:;威;威;玉;}。
。numstyle {顶:0px;}
。文字风格{底:0px;}
。imgcon强{字体大小:30px;颜色:# 000000;位置:绝对的;最高:50%;显示:块;背景:灰色;};}
。imgcon。沪指{左:10px;}
。imgcon。下左:370px {;}
img {宽度:400px;身高:400px;}
U3000 U3000
负荷…
负荷…
U3000 U3000 U3000 U3000
>
U3000 U3000 U3000 U3000
U3000 U3000
U3000 U3000
无功numcon = document.getelementbyid('numcon);
无功textcon = document.getelementbyid('textcon);
变量prev = document.getelementbyid('prev);
VaR下= document.getelementbyid(下);
无功imgchange = document.getelementbyid('imgchange);
VaR伊姆贾尔= { 'img / AD1 .jpg,'img / AD2 .jpg,'img / AD3 .jpg,'img / 4。jpg};
无功imgtext = {第一、二、第三、第四};
var = 0;
数字图像功能
功能imgtab(){
numcon.innerhtml =数+ 1 + imgarr.length +; / /数字变化
textcon.innerhtml = imgtext {数量}; / /底部的文本变化
imgchange.src =伊姆贾尔{民}; / /图片的变化
}
ImgTab();
按钮
next.onclick =函数(){
数字+;
如果(Num = =伊姆贾尔。长度){
数字= 0;
}
ImgTab();
}
按钮
prev.onclick =函数(){
Num --;
如果(数字= 1){
Num = imgarr.length-1;
}
ImgTab();
}
U3000 U3000
以上是萧边介绍的纯Javascript手写图片轮播代码,希望对你有帮助,如果您有任何问题,请给我留言,萧边会及时回复你。谢谢你的支持网站。