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

本机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比本地的旋转木马图(推荐),是一个给大家的小分享,希望能给大家一个参考,希望大家支持
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部