Ⅰ 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
導航:
水平導航
垂直導航
文件樹
分頁
手風琴菜單
其他