导航:首页 > 编程语言 > 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电梯效果相关的资料

热点内容
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
u盘下载大文件什么格式 浏览:441

友情链接