用js做的网页特效_图片轮播（实例）

不多说，直接在代码上：



{ *
保证金：0px；
填料：0px；
}

{。阶段
宽度：500px；
身高：300px；
边境：5px黑色固体；
保证金：200px；
职位：相对；
溢出：隐藏；
}

向左，
{向右
位置：绝对；
上图：0px；
宽度：50px；
身高：300px；
背景颜色：黑色；
颜色：白色；
字体大小：30px；
文本对齐：中心；
行高：300px；
不透明性：0.3；
}

{向左
左：0px；
}

{向右
右：0px；
}

向左：盘旋，
{向右移动：悬停
光标：指针；
不透明性：0.5；
}

{。旗帜
宽度：3000px；
身高：300px；
}

{。项目
浮点数：左；
宽度：500px；
身高：300px；
背景颜色：白杏色；
字体大小：100px；
文本对齐：中心；
行高：300px；
}







>

一
二
三
四
五
一






无功to_right = document.getelementsbyclassname（'to-right）{ 0 }；
无功to_left = document.getelementsbyclassname（'to-left）{ 0 }；
VaR的旗帜= document.getelementsbyclassname（'banner）{ 0 }；
var arr = { }；
var计数= 1；

to_right.onclick =函数（）{
ToRight（）；
}

功能上（）{
Arr.push（window.setinterval（向左移动（（）
}

to_left.onclick =函数（）{
ToLeft（）；
}

功能试验（）{
Arr.push（window.setinterval（向右移动（（）
}

功能向左移动（）{
如果（计数< 5）{
如果（banner.offsetleft >数*（500））{
banner.style.marginleft = banner.offsetleft - 20 +PX；
{人}
对于（var x在ARR）{
window.clearinterval（ARR {X}）；
}
计数+；
}
连接点
其他{ }
如果（banner.offsetleft >数*（500））{
banner.style.marginleft = banner.offsetleft - 20 +PX；
{人}
对于（var x在ARR）{
window.clearinterval（ARR {X}）；
}
计数= 1；
banner.style.marginleft = 0 + 'px；
}
}
}

函数向右移动（）{
如果（count-1 > 0）{
如果（banner.offsetleft <（count-2）*（500））{
banner.style.marginleft = banner.offsetleft + 20 +PX；
{人}
对于（var x在ARR）{
window.clearinterval（ARR {X}）；
}
计数—；
}
}
}
window.setinterval（向右（）





本文使用JS网页_图片轮播小（例子）分享所有的内容大家，希望能给大家一个参考，希望大家支持。