時間：2023-07-06 09:03:01 | 來源：網(wǎng)站運營
時間：2023-07-06 09:03:01 來源：網(wǎng)站運營
HTML5+CSS大作業(yè)——年會抽獎網(wǎng)頁設(shè)計(1頁)：?# HTML5+CSS大作業(yè)——年會抽獎網(wǎng)頁設(shè)計(1頁)常見網(wǎng)頁設(shè)計作業(yè)題材有個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
在線咨詢
PC電腦端關(guān)注我們***<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>三等獎</title> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="stylesheet" type="text/css" href="css/page3.css"></head><body> <audio src="img/common/lucky.mp3" preload id="bg-music"></audio> <div class="contianer"> <div class="center"> <img src="picture/center.png"> </div> <div class="top"> <img src="picture/top.png"> </div> <div class="back"> <a href="index.html"></a> </div> <div class="tip"> 總數(shù)15人，每次抽取5名，總共3次 </div> <div class="btm"> <img src="picture/btm.png"> </div> <div class="start"> <a class="startBtn" href="javascript:void(0);"></a> </div> <div class="circle-bg"> <div class="circle1"> <img src="picture/circle1.png"> </div> <div class="circle2"> <img src="picture/circle2.png"> </div> <div class="circle3"> <img src="picture/circle3.png"> </div> </div> <div class="group1"> <div class="group1Bg"> <img src="picture/group1.png"> </div> <div class="group1Txt"> 用戶a<br> 用戶b<br> 用戶c<br> 用戶d<br> 用戶e </div> </div> <div class="group2"> <div class="group2Bg"> <img src="picture/group2.png"> </div> <div class="group2Txt"> 用戶a<br> 用戶b<br> 用戶c<br> 用戶d<br> 用戶e </div> </div> <div class="group3"> <div class="group3Bg"> <img src="picture/group3.png"> </div> <div class="group3Txt"> 用戶a<br> 用戶b<br> 用戶c<br> 用戶d<br> 用戶e </div> </div> </div> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script> $(function(){ $('.startBtn').click(function(){ $('.circle-bg').addClass('fadeInUp'); $('.circle1').addClass('rotateIn1'); $('.circle2').addClass('rotateIn2'); $('.group1').addClass('groupshow'); $('.startBtn').removeClass('startBtn').addClass('startBtn2'); // 背景音樂 function audioAutoPlay() { var audio = document.getElementById('bg-music'); audio.play(); setTimeout(function(){ audio.pause(); $('.circle1').removeClass('rotateIn1'); $('.circle2').removeClass('rotateIn2'); },12000); } audioAutoPlay(); $('.startBtn2').click(function(){ $('.startBtn2').removeClass('startBtn2').addClass('startBtn3'); $('.group2').addClass('groupshow'); $('.startBtn3').click(function(){ $('.startBtn3').removeClass('startBtn3').addClass('startBtn4'); $('.group3').addClass('groupshow'); $('.startBtn4').click(function(){ alert('三等獎已抽獎完畢！'); }); }); }); }); }) </script></body></html>web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 PC電腦端關(guān)注我們***HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載! 關(guān)鍵詞：設(shè)計,作業(yè)
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
