效果图：

代码如下：

！DOCTYPE htmlhtmlhead元字符集='utf-8 '元http-equiv=' X-UA-兼容'内容=' IE=边'标题/标题样式* {边际：0划水：0;} #容器{ width :310 pxh8 :310 pxm argin 336030 px汽车；} # ul1 { width :310 px h8 :310 pxlist-style : none；} #ul1 li，# ul1a {宽度：100 px高度：100 pxborder:1px固体# 565656;float:left文本对齐：居中；线高：100 px} # ul1 a :悬停{光标：指针；颜色：橙色；font-size :18 px} #ul1 .活动{ background : redcolor : # fff } # PP {行高：32 pxcolor: # 9a9a9a文本对齐：居中；}/style/head dydiv id=' container ' ul id=' ul1 ' Li一等奖/li li二等奖/li li三等奖/li li四等奖/阿利开始/a li五等奖/li li六等奖/li li七等奖/li li八等奖/Li/ul p id=' PP '/p/div脚本var容器=文档。getelementbyid(' container ')，Li=container。getelementsbytagname(' Li ')，aa=容器。getelementsbytagname(' a ')[0]，pp=document.getElementById('pp ')，timer=null函数start(){ var I=0；var num=数学。地板(数学。随机()*李。长度)20；if(inum){ timer=setInterval(function(){ for(var j=0；jli.lengthj ){ li[j].li[i%li.length].活动的我；if(i===num){ clearInterval(定时器);如果(num % Li。长度===0){ PP。innerHTMl='恭喜您中了：8 等奖" br/"；}else{ pp.innerHTML='恭喜您中了：“parseInt(num%li.length)”等奖" br/"；} } },130);} } aa。onclick=function(){ start()；}/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！