JS原生實現照片抽獎


HTML表格標記實現九宮格,放入九張圖片。利用CSS的濾鏡屬性控制圖片的透明度。Javascript實現抽獎和中獎。

可以做為教師上課,隨機抽取回答問題的同學,使學生感受到隨機的公平性,簡單有趣!

點擊抽獎按鈕前的效果:

點擊開始抽獎,照片輪動不透明顯示,點擊公布中獎后的效果

程序代碼如下(HTML和CSS部分):

Javascript部分:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM