最新下载
简单实用的JS仿支付宝下拉菜单代码
24小时阅读排行榜
- 1 css引入animate.css动画库不生效怎么办_确保link标签和class名称匹配
- 2 html5怎么发邮箱_HTML5用mailto:链接或Ajax调用接口发邮件【发送】
- 3 javascript中的变量提升是如何发生的?_为什么理解变量提升对编写可靠代码很重要?
- 4 css图标旋转和缩放动画如何实现_使用Font Awesome和Animate.css组合控制
- 5 JavaScript如何实现文件上传_怎样处理大文件和进度显示
- 6 css使用bootstrap carousel轮播图不切换怎么办_确保JS文件和HTML结构正确
- 7 css复杂结构中样式渲染错乱怎么办_使用层级选择器梳理样式作用范围
- 8 .html如何运行_运行HTML文件在浏览器中查看【查看】
- 9 css grid布局实现复杂网格怎么办_通过grid template areas划分区域
- 10 JavaScript如何实现函数柯里化_它有什么实际应用?
- 11 html5怎么代表直线_html5用hr标签或CSS border画直线分内容块【绘制】
- 12 CSS布局页脚总是贴不上底部怎么办_使用flex容器与margin-top自动推到底部
- 13 React 中 useState 状态更新不触发重新渲染的解决方案
- 14 如何在Golang中捕获协程内错误_结合channel和recover实现
- 15 如何在Golang中安装协作工具_支持团队开发和代码审查
最新教程
-
- Node.js 教程
- 14583 2025-08-28
-
- CSS3 教程
- 1541865 2025-08-27
-
- Rust 教程
- 22222 2025-08-27
-
- Vue 教程
- 24700 2025-08-22
-
- PostgreSQL 教程
- 21384 2025-08-21
-
- Git 教程
- 8467 2025-08-21
代码片段:
function showDh(){
if(stepNum > step){
if(start >= end){
return;
}else{
start++;
stepNum = 1;
pointMsg = setImgMsg(start);
}
return;
}else if(stepNum == step){
setTimeout(function(){
console.log(step);
$('#showImg2 , #showImg1').removeClass('showDh');
},100);
}else if(stepNum == 1){
$('#showImg2 , #showImg1').addClass('showDh')
}
console.log(stepNum , start , end);
$('#showImg2').css({'width':pointMsg.maxStartW - stepNum * pointMsg.maxStepW,'left':pointMsg.maxStartX - stepNum * pointMsg.maxStepX,'top':pointMsg.maxStartY - stepNum * pointMsg.maxStepY});
$('#showImg1').css({'width':pointMsg.minStartW - stepNum * pointMsg.minStepW,'left':pointMsg.minStartX + stepNum * pointMsg.minStepX,'top':pointMsg.minStartY + stepNum * pointMsg.minStepY});
stepNum ++;
}
