導航:首頁 > 編程語言 > 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 瀏覽:868
java介面常見問題分析 瀏覽:577
如何將一列數據另一列數據互補 瀏覽:50
海南哪些地方有電信5g網路 瀏覽:537
動態修改shiro配置文件 瀏覽:212
u盤極速彈出文件未關閉 瀏覽:929
小米k30網路信號差怎麼解決 瀏覽:471
word大綱排版 瀏覽:726
plc溫度模塊內部程序怎麼編程 瀏覽:936
c語言一個文件多少行合適 瀏覽:148
java常量全部大寫 瀏覽:314
龍之研究配置文件翻譯 瀏覽:91
有什麼軟體可以把股票數據合成 瀏覽:556
如何更改物料主數據 瀏覽:844
方正飛騰怎麼轉word文件 瀏覽:415
大數據試點是什麼意思 瀏覽:128
yy語音70官方下載手機版本 瀏覽:696
win10系統u盤不顯示文件夾 瀏覽:214
ug數控編程怎麼開始 瀏覽:665
vivo手機文件被保護 瀏覽:324

友情鏈接