今天要寫的是,利用jQuery寫一個抽獎的案例,頁面包含四個組件,兩個按鈕分別是開始和停止的按鈕。兩個box,分別盛放人員和獎品。當點擊開始按鈕時,人員不停地進行切換。抽獎的box中顯示等待抽獎結果。當按下停止按鈕時,兩個盒子分別顯示人員名,和所中的獎品。
成都創新互聯公司-專業網站定制、快速模板網站建設、高性價比黑山網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式黑山網站制作公司更省心,省錢,快速模板網站建設找我們,業務覆蓋黑山地區。費用合理售后完善,十多年實體公司更值得信賴。頁面的效果圖如下:
可能頁面沒有那么好看。我們主要實現的是功能
首先在body中定義組件
<body> <input type = "button" class = "btn" id = "start" value = "開始"> <input type = "button" class = "btn" id = "stop" value = "停止"> <div id = "number" class = "box1"></div> <div id = "jiangpin" class = "box2"></div> </body>
另外有需要云服務器可以了解下創新互聯建站m.newbst.com,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
網站名稱:jQuery實現簡單的抽獎游戲-創新互聯
網頁URL:http://m.newbst.com/article0/coeioo.html
成都網站建設公司_創新互聯,為您提供小程序開發、關鍵詞優化、Google、網站建設、網站排名、移動網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯