HTML表格標記實現九宮格,放入九張圖片。利用CSS的濾鏡屬性控制圖片的透明度。Javascript實現抽獎和中獎。
可以做為教師上課,隨機抽取回答問題的同學,使學生感受到隨機的公平性,簡單有趣!
點擊抽獎按鈕前的效果:
點擊開始抽獎,照片輪動不透明顯示,點擊公布中獎后的效果
程序代碼如下(HTML和CSS部分):
Javascript部分:
HTML表格標記實現九宮格,放入九張圖片。利用CSS的濾鏡屬性控制圖片的透明度。Javascript實現抽獎和中獎。
可以做為教師上課,隨機抽取回答問題的同學,使學生感受到隨機的公平性,簡單有趣!
點擊抽獎按鈕前的效果:
點擊開始抽獎,照片輪動不透明顯示,點擊公布中獎后的效果
程序代碼如下(HTML和CSS部分):
Javascript部分:
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。