您的位置：首页 > 其它

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

2016-03-07 23:13 513 查看 
<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>



                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航