jQuery+H5按空白鍵隨機抽獎程式碼
程式碼片段:
function run(){
if(!open){
<!-- 指定函數出現的速度,以毫秒計算-->
timer=setInterval(change,20);
//btn.removeClass('start').addClass('stop').text('停止');
open = true;
}else{
var height = $(imageName[nameNum]).css("height");
var width = $(imageName[nameNum]).css("width");
var name = $("#image").attr("src");
var imgClone = $("#image").clone(true).css("opacity",'0.7');
alldata.remove(name);
imgClone.css({ "position": "absolute", "top": "50px", "left": "50px"});
$("#imgDiv").parent().append(imgClone);
imgClone.animate({height:"150px",width:"150px"},400);
imgClone.animate({left:$(imageName[nameNum]).offset().left,top:$(imageName[nameNum]).offset().top},600);
imgClone.animate({height:height,width:width},350,function(){
$(imageName[nameNum]).attr("src",name);
nameNum = nameNum - 1;
});
clearInterval(timer);
//btn.removeClass('stop').addClass('start').text('開始抽獎');
open = false;
}
}
本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性!本站所有資源僅供學習參考。請不要將它們用於商業目的。否則,一切後果都由您負責!如有侵權,請聯絡我們刪除。聯絡方式:admin@php.cn
相關文章
![如何在 HTML5 本機和會話儲存中儲存和檢索複雜的 JavaScript 物件?](https://img.php.cn/upload/article/001/246/273/173532199126945.jpg)
28 Dec 2024
HTML5 中物件的儲存本機和會話儲存查詢:HTML5 的 localStorage 和 sessionStorage 能夠有效儲存原始資料...
![See all articles](/static/imghw/down_right.png)
![](/static/imghw/taglogo.png)
Hot Tools
![HTML5 Canvas愛心飄動動畫特效](https://img.php.cn/upload/jscode/000/000/001/58da180947f26347.jpg)
HTML5 Canvas愛心飄動動畫特效
HTML5 Canvas愛心飄動動畫特效是一款直接用瀏覽器開啟可以看到一顆心的生成動畫。
![H5熊貓彈跳小遊戲原始碼](https://img.php.cn/upload/jscode/000/000/164/5d5e5b326606a398.jpg)
H5熊貓彈跳小遊戲原始碼
html5手機熊貓也瘋狂小遊戲原始碼。遊戲說明:長按螢幕調整熊貓彈簧的強度,跳到石柱上。掉到河裡遊戲結束。
![html5情人節盒子動畫特效](https://img.php.cn/upload/jscode/000/287/557/62060ef97eb52905.png)
html5情人節盒子動畫特效
基於svg繪製情人節一個個愛心盒子禮物打開動畫,愛心盒子動畫特效。
![H5 3D滾球遊戲原始碼](https://img.php.cn/upload/jscode/000/000/164/5d633774de4a9799.jpg)
H5 3D滾球遊戲原始碼
html5酷炫3D彩球滾動手機遊戲代碼下載。遊戲介紹:一個彩色圓球滾動,透過滑鼠或手機觸控螢幕拖曳來控制彩球的運行當前線路軌跡。這是一款簡單易操作的手機小遊戲原始碼。
![](/static/imghw/taglogo.png)