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

java_zhaoyanli

于 2016-03-07 23:13:37 发布

阅读量313

点赞数

分类专栏： web-javascript 文章标签：队列栈广告轮播效果

本文链接：https://blog.youkuaiyun.com/java_zhaoyanli/article/details/50823247

版权

web-javascript 专栏收录该内容

93 篇文章

订阅专栏

<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 οnclick="moveRight()"><<</button>
	<button οnclick="moveLeft()">>></button>
 </body>
</html></span>