<元字元集="UTF-8"><標題> ;文檔<br/>.list {<br/> margin: 50px auto;<br/> padding: 0;<br/> list-style-type : 無;<br/> 寬度: 300px;<br/> 位置: 相對;<br/>} <br/>.list li {<br/> 位置: 絕對;<br/> 邊框: 1px 實心#000;<br/> 寬度: 98px;<br/> 高度：98px;<br/> 文字對齊：居中;<br/> 行高：98px;<br/> 字體大小：20px;<br/>}<br/>.list li:nth-of -type( 1){<br/> 左：0;<br/> 頂部：0;<br/>}<br/>.list li:nth-of-type(2){<br/> 左：100px;<br/>頂部: 0 ;<br/>}<br/>.list li:nth-of-type(3){<br/> 左: 200px;<br/> 頂部: 0;<br/>}<br/>.list li:nth -of- type(4){<br/> 左：200px;<br/> 頂部：100px;<br/>}<br/>.list li:nth-of-type(5){<br/> 左：100px;<br/> 頂部: 100px;<br/>}<br/>.list li:nth-of-type(6){<br/> 左: 200px;<br/> 頂部: 200px;<br/>}<br/>.list li :nth- of-type(7){<br/> 左：100px;<br/> 上方：200px;<br/>}<br/>.list li:nth-of-type(8){<br/> 左：0px ;<br/> 頂部: 200px;<br/>}<br/>.list li:nth-of-type(9){<br/> 左側: 0px;<br/> 頂部: 100px;<br/>}<br/>.列表跨度{<br/>顯示：區塊;<br/>高度：100%;<br/>背景：#ccc;<br/>}<br/>.list .show {<br/>背景：#f60;<br/>顏色: # fff;<br/>}<br/><br/>window.onload = function(){<br/> var spans = document. querySelectorAll('span' );<br/> var a = document.querySelector('a');<br/> var nub = 5;<br/> var time = 0;<br/> a.onclick = function(){<br/> var target = [0,1,5,2,7];<br/> var length = (Math.round(Math.random()*4) + 2)*spans.length+1+target[Math.round(Math.random ()*4) + 2)*spans.length+1+target[Math.round(Math.random()*4)] Floor(Math.random()*target.length)];<br/> var arr = [];<br/> var now = 0;<br/> var delay = 50;<br/> console.log(length);<br/> for(var i = 0;我<長度; i++){<br/> arr.push(i);<br/> }<br/> setShow();<br/> function setShow(){<br/> 定時器= setTimeout(function(){<br/> for(var i = 0; i < spans.length; //<br/> spans[i].className = "";<br/> }<br/> spans[arr[now]%spans.length].className = "顯示" ; <br/> now++;<br/> //終止條件<br/> if(now < arr.length){<br/> delay += 10;<br/> setShow();<br/> }<br/># } ，延遲） ;＃＃＃ }＃＃＃ };＃＃＃}; <br/> 謝謝惠顧 三等獎 二等獎 開始抽獎 一等獎< ;/span> 謝謝惠顧 二等獎 三等獎 ; < /ul>
