使用栈,队列 ------模拟广告轮播效果

来源:互联网 发布:淘宝 红包套现 熟人 编辑:程序博客网 时间:2024/06/13 07:15
<pre name="code" class="html"><pre name="code" class="html"><span style="font-size:18px;"><!DOCTYPE html><html> <head>  <title> new document </title>  <meta charset="utf-8" /><script></span>


<span style="font-size:18px;">var advs=[1,2,3,4,5];function moveRight(){//从advs末尾弹出最后一个元素,保存在变量last中//将last插入到advs的开始位置advs.unshift(advs.pop());//将slider的内容设置为advs中第一个元素的值slider.innerHTML=advs[0];}function moveLeft(){//从advs开头移出第一个元素,保存在变量first中//将first压入advs的结束位置advs.push(advs.shift());//将slider的内容设置为advs中第一个元素的值slider.innerHTML=advs[0];}</script> </head> <body>  <div id="slider" style="width:100px;height:100px;background-color:pink;font-size:32px;text-align:center;line-height:100px">1</div><button onclick="moveRight()"><<</button><button onclick="moveLeft()">>></button> </body></html></span>



0 0