這個需要用到H5新標(biāo)簽canvas繪制圖形，利用js來實(shí)現(xiàn)抽獎效果，實(shí)現(xiàn)步驟如下var num = 6 獎品數(shù)量 var canvas = documentgetElementById#39canvas#39 var btn = documentgetElementById#39btn#39 if！canvas。

思路1用h5技術(shù)，將每個獎品塊的顏色默認(rèn)顏色為暗色2指針到達(dá)的獎品塊，將顏色調(diào)明，指針離開獎品塊，則回復(fù)默認(rèn)顏色3用自定義動畫控制頻率。

2滾動方式behaviorscroll循環(huán)滾動，默認(rèn)效果 slide只滾動一次就停止 alternate來回交替進(jìn)行滾動語法marquee behavior=#34滾動方式#34marquee 3滾動速度scrollamount滾動速度是設(shè)置每次滾動時移動的長。

一種是讓marquee標(biāo)簽中的文本實(shí)現(xiàn)上下滾動的效果，還有一種是讓marquee標(biāo)簽中的文本滾動的速度更快或者更慢都行大家還能把兩個合起來一起使用現(xiàn)在讓我們一起來看這篇文章吧首先讓我們認(rèn)識這個html marquee標(biāo)簽這個marquee。

如何制作滾動抽獎姓名 請點(diǎn)擊輸入圖片描述 2 選中單元格，在單元格中輸入“=INDEXAA，RANDBETWEEN2，9”請點(diǎn)擊輸入圖片描述 3 點(diǎn)擊回車 請點(diǎn)擊輸入圖片描述 4 然后按住F9鍵，姓名就隨機(jī)滾動起來啦 請點(diǎn)擊輸入圖片描述。

默認(rèn)為90，值越大，速度越慢通常scrollDelay是不需要設(shè)置的#xFFFD#xFFFDebehavior用它來控制屬性，默認(rèn)為循環(huán)滾動，可選的值有alternate交替滾動slide幻燈片效果，指的是滾動一次，然后停止?jié)L動。

3現(xiàn)在背景設(shè)置好了，加入內(nèi)容，看看效果在ltbody內(nèi)寫入內(nèi)容運(yùn)行滾動鼠標(biāo)圖片是不是不動的4點(diǎn)擊運(yùn)行點(diǎn)擊文件，新建，css文件命名輸入bodybackgroundimage urlimga3jpgbackgroundattachment。

就是無縫滾動 用js就可以 1打開Dreamweaver軟件 2代碼如下 不要忘了引入js庫 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitional。

用一個setinterval方法就搞定了 請點(diǎn)擊輸入圖片描述 代碼用了JQuerylt！DOCTYPE html lthtml xmlns=quot lthead ltscript id=quotscriptquot type=quottextjavascriptquot src=quot。

1首先打開myeclipse獲取idea這樣的編輯器，在編輯器中寫一個table標(biāo)簽，這里給出table的值2然后可以在頁面中看到此時展示的是沒有樣式的table樣板，此時所有的數(shù)據(jù)沒有經(jīng)過渲染，比較緊湊，也不是一個頁面展示3可以。

頁面的自動滾動效果，可由javascript來實(shí)現(xiàn)，但是今天無意中發(fā)現(xiàn)了一個html標(biāo)簽 ltmarqueeltmarquee可以實(shí)現(xiàn)多種滾動效果，無需js控制使用marquee標(biāo)記不僅可以移動文字，也可以移動圖片，表格等語法ltmarqueelt。

left 和 right四種方式還可以用behavior來控制滾動方式的屬性， ltmarquee behavior=quot滾動方式quot滾動文字ltmarquee ，它可以有scroll循環(huán)滾動，默認(rèn)效果slide只滾動一次就停止alternate來回交替進(jìn)行滾動三種方式。

正常情況下抽獎效果如下所示，抽了兩次，結(jié)果都是隨機(jī)的因?yàn)槭卿浧淋浖?秒抓取2張圖片，看起來滾動比較慢，實(shí)際滾動速度很快馬上就要抽特等獎了，先點(diǎn)擊內(nèi)定小圈開關(guān)，再點(diǎn)開始抽獎，不論什么時候點(diǎn)擊結(jié)束，中獎的結(jié)果。

你說的是不是走馬燈的效果直接在html的頁面寫的是用ltmarque標(biāo)簽來寫的，例如你說的新聞由上至下的滾動，其寫法是ltdivltmarquee direction=top onmouseover=quotthisstopquotonmouseout=quotthisstartquotbehavior=scroll。

官網(wǎng)介紹 適用場合可用于公司年會抽獎抽獎模式含文字抽獎?wù)掌楠剝煞N模式重復(fù)中獎采用禁止重復(fù)中獎算法，自動濾除已經(jīng)中獎的參選者隨機(jī)抽取隨機(jī)滾動顯示參選者姓名號碼照片。