你好!我的朋友们,最近有一个新项目,所以没有更新!你会想起我吗!
今天我们来看看原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比
本地的旋转木马图(
推荐),是一个给大家的小
分享,希望能给大家一个
参考,希望大家
支持。