導航:首頁 > 編程語言 > js電梯效果

js電梯效果

發布時間:2023-09-13 19:17:34

js怎麼讓函數執行的過程中點擊別的函數不執行

<style>
.lou{position:relative;width:530px;height:465px;background:url(樓房背景圖片)no-repeatcenter/100%100%}
.ti{position:absolute;width:120px;height:89px;left:325px;background:url(電梯圖片)no-repeat}
.an{position:absolute;width:23px;height:23px;left:480px;background:url(電梯圖片)no-repeat}
</style>
<divclass="lou">
<divclass="ti"style="top:194px"></div>
<divclass="an"style="top:38px"></div>
<divclass="an"style="top:131px"></div>
<divclass="an"style="top:224px"></div>
<divclass="an"style="top:317px"></div>
<divclass="an"style="top:410px"></div>
</div>
<script>
$(function(){
varfree=true;//這個變數用於在電梯移動過程中使按鈕失效
$(".an").on("click",function(){
if(free){//變數free的值為true按鈕才生效
varthat=this;
vartitop=parseInt($(".ti").css("top"));
varloutop=($(this).index()-1)*93+8;
if(titop!=loutop){
free=false;//移動過程中free為false所以此時再點擊按鈕無效
$(".ti").animate({
top:(Math.abs(titop-loutop)<10)?loutop+"px":(titop>loutop)?"-=10px":"+=10px"
},100,function(){
free=true;//電梯移動到位後free為true所以按鈕可點擊
$(that).trigger("click");
});
}
}
});
});
</script>

Ⅱ js有哪些常用的效果

這個確實比較多,常用的特效就是 淡入淡出啊、漸變啊、滑動、展開伸縮、移動、回拖動、最常用。其答實你看下jQuery ui的官網基本就了解了所有常用的特效了

按類型可以分為下面幾大類的特效集合:
Ui 類的:
背景
對話框
篩選及排序
反饋
彈出層
懸停
布局
圖表
載入
圓邊
滾動
標簽
文本鏈接
工具提示
網路類型

輸入類型的:

拾色器
定製和風格
日期和時間
拖和放
通用輸入
自動完成
密碼
投票率
搜索
選擇框
快捷鍵
觸摸
豐富的輸入
上傳
驗證

媒體類型:
音頻和視頻
幻燈片和輪播圖
圖片展示
圖像
地圖
滑塊和旋轉
Tabs

導航:
水平導航
垂直導航
文件
分頁
手風琴菜單
其他

閱讀全文

與js電梯效果相關的資料

熱點內容
電信app有哪些可以用寬頻登錄的 瀏覽:845
羽博數據線和羅馬仕哪個好 瀏覽:425
升級包能用手機解壓嗎 瀏覽:922
手機瀏覽器用什麼編程軟體 瀏覽:351
wordpress添加小工具 瀏覽:566
indesign剪刀工具 瀏覽:956
圖片上的文件怎麼復制出來怎麼辦啊 瀏覽:264
網路綜藝節目如何破局前行 瀏覽:297
做好游戲編程如何生成二維碼 瀏覽:684
百店聯盟最新版本 瀏覽:933
word2007背景文字 瀏覽:535
mvc反序列化json字元串 瀏覽:373
如何一個人建網站 瀏覽:979
19216801路由器密碼 瀏覽:151
win10游戲模式卡 瀏覽:777
macwifi熱點密碼 瀏覽:883
linux下圖形界面編程 瀏覽:268
linux下如何擴容 瀏覽:807
電信貓的密碼怎麼修改wifi密碼 瀏覽:999
哪個網站可以買到魚竿 瀏覽:49

友情鏈接