導航:首頁 > 編程語言 > 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電梯效果相關的資料

熱點內容
下載編程貓後哪裡有客服 瀏覽:13
如何編輯歌曲文件格式 瀏覽:638
cf無限領取cdk工具 瀏覽:350
如何讓手機文件保存到電腦上 瀏覽:459
sa資料庫默認密碼是多少 瀏覽:191
電腦正在查找文件 瀏覽:541
一個文件盒省內寄順豐多少錢 瀏覽:41
誅仙62坐騎怎麼升級到63 瀏覽:926
linux以日期查看日誌記錄 瀏覽:446
工業大數據是什麼東西 瀏覽:881
魅族note3怎麼重置網路 瀏覽:510
c語言程序設計模 瀏覽:92
兒童怎麼做可編程機 瀏覽:603
數據計算屬於什麼統計學 瀏覽:921
07word怎麼去掉標記 瀏覽:979
qq緩存的數據是什麼 瀏覽:348
LED主Kv文件多少兆 瀏覽:856
蘋果edge怎麼刪除下載文件 瀏覽:471
sas邏輯回歸代碼 瀏覽:572
用於keil下的stc器件資料庫 瀏覽:400

友情鏈接