日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

JavaScript實現刮刮樂效果

瀏覽:24日期:2023-06-15 14:46:01

刮刮樂怎么做?

本文實例為大家分享了JavaScript實現刮刮樂效果的具體代碼,供大家參考,具體內容如下

來這我教你

1、首先準備好編程軟件webStorm或者eclipse都行2、不會編寫代碼?給你準備好了3、如下

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style> .outer{ height: 90px; width: 300px; margin: 0 auto; margin-top: 5px; } .box{ height: 70px; width: 70px; background-color: darkgray; line-height: 70px; text-align: center; display: inline-block; margin-left: 5px; } </style></head><body><div class='outer'> <div class='box'></div> <div class='box'></div> <div class='box'></div></div><div class='outer'> <div class='box'></div> <div class='box'></div> <div class='box'></div></div><div class='outer'> <div class='box'></div> <div class='box'></div> <div class='box'></div></div><script> var boxs = document.getElementsByClassName('box'); var item = ['一等獎','二等獎','三等獎','謝謝','謝謝','謝謝','謝謝','謝謝','謝謝',]; for (var i = 0;i<boxs.length;i++){ var box = boxs[i]; box.onclick = function (){ this.style.backgroundColor='red'; //this.innerText='一等獎';//隨即從數組中獲取內容,并且不能重復! var number = Math.floor(Math.random()*9); this.innerText = item[number]; this.style.color = '#fff'; this.style.verticalAlign = 'top'; } }</script></body></html>

4、這個部分的代碼塊文字內容可以自定義,改寫成你想要顯示的內容

JavaScript實現刮刮樂效果

5、最終網頁顯示界面如下JavaScript實現刮刮樂效果JavaScript實現刮刮樂效果JavaScript實現刮刮樂效果

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
亚洲另类av| 91精品丝袜国产高跟在线| 国产日韩中文在线中文字幕| 亚洲精品大全| 欧美视频久久| 国产精品a久久久久| 久久狠狠亚洲综合| 久久国产三级| 麻豆精品新av中文字幕| 久久尤物视频| 国产成人久久精品麻豆二区| 精品国产成人| 超碰在线99| 99精品视频在线| 尹人成人综合网| 首页国产欧美久久| 免费精品视频| 日韩一区二区三区四区五区| 久久国产麻豆精品| 久久中文字幕一区二区三区| 国产黄大片在线观看| 激情欧美日韩一区| 亚洲专区一区| 日韩在线黄色| 国产精品久久久免费| 麻豆高清免费国产一区| 日韩亚洲一区在线| 国产视频一区三区| 天海翼精品一区二区三区| 国产精品久久久久9999高清| 亚洲国产福利| 亚洲欧美伊人| 在线观看视频免费一区二区三区| 国产日韩一区二区三区在线播放| 成人国产综合| aa国产精品| 欧美日韩一区二区三区不卡视频| 91嫩草亚洲精品| 91精品高清| 国产亚洲一卡2卡3卡4卡新区| 国内一区二区三区| 欧美福利一区| 欧美日韩18| 日本国产精品| 日韩精品一级| 日韩欧美国产精品综合嫩v| 亚洲深夜av| 午夜精品福利影院| 给我免费播放日韩视频| 不卡中文一二三区| 国产探花在线精品| 欧美精品高清| 免费在线视频一区| 成人在线视频免费| 99亚洲精品| 久久久久久亚洲精品美女| 黄页网站一区| 精品国产美女a久久9999| 91久久午夜| 美女av一区| 午夜一区在线| 国产成人精品一区二区免费看京 | 黄色日韩精品| 国产乱子精品一区二区在线观看| 成人久久久久| 日韩av中文字幕一区二区 | 麻豆视频在线看| 丝袜美腿亚洲一区二区图片| 精品五月天堂| 只有精品亚洲| se01亚洲视频| 国产一级成人av| 亚洲欧美伊人| 精品免费av| 中文字幕日韩亚洲| 日韩欧美一区二区三区免费观看| 最新亚洲国产| 亚洲高清毛片| 国产精品成人一区二区不卡| 综合欧美亚洲| 999精品色在线播放| 国产精品观看| 视频在线在亚洲| 欧美特黄一级大片| 精品免费av| 国产情侣一区| 天堂av一区| 免费精品国产| 成人va天堂| 精品99久久| 国产调教精品| 日韩三区四区| 日韩一区二区久久| 日本午夜大片a在线观看| 国产精品亚洲综合色区韩国| 一区二区91| 午夜国产精品视频| 日韩在线第七页| 精品亚洲二区| 国产精品一区二区免费福利视频| 中文不卡在线| 中日韩男男gay无套| 中文字幕色婷婷在线视频| 国产经典一区| 国产精品hd| 国产精品**亚洲精品| 日本欧美在线| 日韩中文字幕无砖| 亚洲久草在线| 中文字幕日本一区| 国产视频亚洲| 玖玖玖国产精品| 久久国产精品亚洲77777| 亚洲精品国产偷自在线观看| 欧美一区二区三区激情视频 | 日韩一区二区久久| 国产精品91一区二区三区| 欧美gv在线| 日韩精品欧美| 欧美成人a交片免费看| 麻豆网站免费在线观看| 精品网站aaa| 久久久久久色| 日本一区二区三区中文字幕| 午夜在线一区二区| 亚洲一区欧美二区| 亚洲一区二区毛片| 亚洲一区二区三区中文字幕在线观看| 亚洲专区一区| 日韩中文字幕1| 亚洲精品国产精品粉嫩| 亚洲香蕉视频| 日本免费新一区视频| 日韩一区二区三区在线看| 天堂va在线高清一区| 亚洲欧洲美洲国产香蕉| 天海翼精品一区二区三区| 综合色一区二区| 97久久亚洲| 国产伦精品一区二区三区视频 | 水蜜桃精品av一区二区| 国产一区二区三区精品在线观看| 精品国产亚洲日本| 亚洲国产欧美日本视频| 久久久天天操| 亚洲一区激情| 免播放器亚洲一区| 日韩精品中文字幕吗一区二区| 五月激激激综合网色播| 日本免费在线视频不卡一不卡二| 日韩欧美2区| 国产精品白丝久久av网站| 精品无人区麻豆乱码久久久| 牛牛精品成人免费视频| 老司机精品视频网| 欧美日韩国产v| 91久久亚洲| 日韩精品乱码av一区二区| 国产另类在线| 麻豆理论在线观看| jiujiure精品视频播放| 蜜臀av性久久久久蜜臀aⅴ流畅 | 亚洲精品激情| 国产欧美激情| 视频在线不卡免费观看| 欧美大黑bbbbbbbbb在线| 日韩一区欧美二区| 青青草精品视频| 久久一区视频| 久久精品国产大片免费观看| 欧美中文字幕| 欧美日韩黄网站| 日韩1区2区| 视频一区二区三区在线| 欧美三级第一页| 国产成人77亚洲精品www| 九一精品国产| 日韩欧美中文字幕电影| 九九九精品视频| 好看的av在线不卡观看| 日本午夜精品久久久久| 四虎8848精品成人免费网站| 欧洲亚洲一区二区三区| 丝袜国产日韩另类美女| 国产精品一二| 激情欧美一区二区三区| 日韩av一二三| 蜜桃av.网站在线观看| 久久av在线| 精品三级在线观看视频| 亚洲欧美日韩国产| 国产精品片aa在线观看| 亚洲福利免费| 日韩激情一区二区| 久久久久久夜| 自拍自偷一区二区三区| 成人在线黄色| 欧美一级专区| zzzwww在线看片免费| 一区二区国产在线观看|