第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

js實現(xiàn)簡單的圖片輪播功能

js實現(xiàn)簡單的圖片輪播功能

anfly 2016-09-27 21:17:43
<!DOCTYPE?html> <html> <head> <meta?charset="utf-8"> <title>圖片輪播</title> <style> .show{ display:?inline-block; } .hide{ display:?none; } </style> </head> <body> <div> <img?class="show"?src="../images/01.jpg"> <img?class="hide"?src="../images/02.jpg"> <img?class="hide"?src="../images/03.jpg"> </div> </body> <script> window.onload?=?function?lunbo(){ var?i?=?0; setInterval(function(){ var?img?=?document.getElementsByTagName('img'); i++; var?num?=?i%img.length; img[num].className?=?"show"; },2000) } </script> </html> 問題:我用求余的方法去實現(xiàn)這個功能,num是一直在0,1,2之間循環(huán),那么如何設置,在img[num]顯示的時候,其余的兩張 或者n張圖片是隱藏的。謝謝大神
查看完整描述

1 回答

已采納
?
一席青衫粗布依丶

TA貢獻5條經(jīng)驗 獲得超3個贊

window.onload = function(){

? ? ? ? ? ? var i=0,num=0;

? ? ? ? ? ? var img = document.getElementsByTagName('img');

? ? ? ? ? ? setInterval(function(){

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? num = i%img.length;


? ? ? ? ? ? ? ? i==img.length? i = 0 : i++;

? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? img[num].className = "show";



? ? ? ? ? ? ? ? for(var j=0;j<img.length;j++){

? ? ? ? ? ? ? ? ? ? if(j == num){

? ? ? ? ? ? ? ? ? ? ? ? ?continue;

? ? ? ? ? ? ? ? ? ? ?}else{

? ? ? ? ? ? ? ? ? ? ? ? ?img[j].className = "hide";

? ? ? ? ? ? ? ? ? ? ?}

? ? ? ? ? ? ? ? }

? ? ? ? ? ? },2000)

? ? ? ? }

?開始計時器時間有多余延時,還沒有解決,圖片切換沒問題

查看完整回答
1 反對 回復 2016-09-27
  • anfly
    anfly
    原來for循環(huán)就可以解決,十分感謝!!
  • 1 回答
  • 1 關注
  • 2568 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號