亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

關于焦點輪播圖的布局疑問和點擊bug

關于焦點輪播圖的布局疑問和點擊bug

前端林小白 2016-04-13 22:17:46
第一個問題? 關于布局的疑問就是 ?我是用一個div相對定位,里面再有一個div絕對定位,放鏈接圖片,然后就是外面的div設置了一張圖片顯示的寬度,其他隱藏,但還是出現上一張圖片的邊緣,想了許久沒有搞懂為什么?第二個問題? 關于點擊按鈕的我測試了下,再不添加showbutton這個函數時,圖片是可以無限循環滾動的,加上瀏覽器報錯也是提示showbutton函數最后的if判斷和最后一句出現 undefriend好像,不過還是沒查出個所以然,所以請求哪位大神幫我看下以下是html代碼????????? <div id="img_box" >??????????????????? <div class="img_banner" id="img_banner" style="left:-730px;">??????????????????????? <a href="#"><img src="images/banner5.jpg"></a>??????????????????????? <a href="#"><img src="images/banner1.jpg"></a>??????????????????????? <a href="#"><img src="images/banner2.jpg"></a>??????????????????????? <a href="#"><img src="images/banner3.jpg"></a>??????????????????????? <a href="#"><img src="images/banner4.jpg"></a>??????????????????????? <a href="#"><img src="images/banner5.jpg"></a>??????????????????????? <a href="#"><img src="images/banner1.jpg"></a>?????????????????? </div>?????????????????? <!--上一張和下一張的按鈕-->????????????????? <div id="page">???????????????????????? <a href="#" id="perv"><</a>???????????????????????? <a href="#" id="next">></a>????????????????? </div>????????????????? <!--1至5的頁簽按鈕-->????????????????? <div id="button">?????????????????????? <a href="#" id="1" class="on">1</a>?????????????????????? <a href="#" id="2">2</a>?????????????????????? <a href="#" id="3">3</a>?????????????????????? <a href="#" id="4">4</a>?????????????????????? <a href="#" id="5">5</a>????????????????? </div>?????????? </div>css代碼(出問題的這一部分)#img_box{?? ????????????? width:730px;?? ??? ??? ??? ? height:454px;?? ??? ??? ??? ? overflow:hidden;?? ??? ??? ??? ? position:relative; ?? ??? ??? ??? ? float:left;?? ??? ??? ??? ? z-index:2;?? ??? ??? ??? ? margin:12px;?? ??? ??? ??? ? margin-right:0px;}.img_banner{?? ???????????? width:5110px;?? ??? ??? ??? ?height:454px;?? ??? ??? ??? ?position:absolute;?? ??? ??? ??? ?z-index:3;}js代碼window.onload = function(){???????????? var imgbox = document.getElementById('imgbox');?? ??? ??? ? var list = document.getElementById('img_banner');?? ??? ??? ? var perv = document.getElementById('perv');?? ??? ??? ? var next = document.getElementById('next');?? ??? ??? ? var buttons = document.getElementById('button').getElementsByTagName('a');?? ??? ??? ? var index =1;?? ? ?? ??? ??? ????? function showbutton(){?? ??? ??? ??? ???? for(i=0; i<buttons.length; i++){?? ??? ??? ??? ??? ?????? if(buttons[i].className = "on"){?? ??? ??? ??? ??? ??? ??? ?? buttons[i].className ="";?? ??? ??? ??? ??? ??? ?? }?? ??? ??? ??? ??? ??? ??? ??? ??? ??? ??? ?}?? ??? ??? ??? ? ??? ?buttons[ index - 1 ].className ="on";????? 谷歌就是這里報錯?? ??? ???? }?? ????????? //封裝成一個函數,并給它傳入一個參數?? ??? ??? ? function animate(off){?? ??? ??? ??? ?????? var newleft =? parseInt(list.style.left) +off;?? ??? ??? ??? ??? ?? alert(newleft);?? ?????????????????? list.style.left =? newleft+'px';?? ??? ??? ??? ??? ? ??? ??? ??? ??? ??? ? ??? ??? ??? ??? ??? ?? if(newleft > -730){?? ??? ??? ??? ??? ??? ? list.style.left = -3650 +"px"; ??? ??? ??? ??? ??? ?? }?? ??? ??? ??? ??? ?? if(newleft <-3650){?? ??? ??? ??? ??? ??? ? list.style.left = -730 +"px"; ??? ??? ??? ??? ??? ?? }?? ??? ??? ? }?????????????? ??? ??? ??? ??? ? ??? ??? ??? ?next.onclick = function(){?? ??? ??? ??? ?????? index += 1;?? ??? ??? ??? ??? ?? showbutton();?? ??? ??? ????? ??? ?????????????????? animate(-730);?? ??? ??? ??? ??? ?? return false;?? ??? ??? ? }?? ??? ??? ? perv.onclick = function(){?? ??? ??? ??? ?????? index -= 1;?? ??? ??? ??? ??? ?? showbutton();?? ?????????????????? animate(730);?? ??? ??? ??? ??? ?? return false; ?? ??? ?? }? ??? ??? ??? ?? }
查看完整描述

2 回答

?
前端林小白

TA貢獻8條經驗 獲得超1個贊

問題已經解決了,點擊的bug一個是@重成說的 關于賦值= 和==的 這個錯誤,不得不說犯了一個低級錯誤,另一個錯誤的地方就是沒有給按鈕加判斷,當點擊next按鈕時要加一個關于index的判斷,點擊到第五張圖片時,圖片回到第一張,所以按鈕也要回到第一個,所以index這個時候要等于1,很奇怪的是谷歌等瀏覽器都是報錯className,只有火狐才是報錯index-1? underfind;

查看完整回答
反對 回復 2016-04-15
  • 2 回答
  • 0 關注
  • 1937 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號