本机js旋转图的简单实现(推荐)

你好!我的朋友们,最近有一个新项目,所以没有更新!你会想起我吗!

今天我们来看看原js旋转木马图!

话不多说:

直接输入代码:以下是CSS部分:


* {
填料:0px;
保证金:0px;
}
img {
宽度:500px;
身高:300px;
}
李{
浮点数:左;
}
UL {
宽度:2000px;
列表样式:无;
位置:绝对;
}
div {
宽度:500px;
身高:300px;
一些隐藏溢出
溢出:隐藏;
保证金:60px汽车;
职位:相对;
}


HTML的一部分!












下一部分是JS部分:


1,到达UL
VaR UL = document.getelementsbytagname(UL){ 0 };
变量x=0;

用于关闭计时器。
var id = setInterval(ABC,10);

函数abc(){
ul.style.left = X +PX;

如果要第三周的图片
如果(x = 1500){
x = 0;修改为第一张图片
ul.style.left = x +PX;
}
如果(x % = 500 = 0){第一个图片。
ClearInterval(ID); / /定时关机
打开每半秒打开计时器/定时器
setTimeout(){()函数(
在500毫秒后打开计时器,继续执行。
ID = setInterval(ABC,10);
},500); / / setTimeout延迟执行
}
}


很简单!你学会了吗

一个简单的实现这个js比本地的旋转木马图(推荐),是一个给大家的小分享,希望能给大家一个参考,希望大家支持。