jquery每次点击按钮,div下移50px。200px封顶? 30
展开全部
let count = 0;
$('btn').on('click',()=>{
if(count==200){
return;
}
count+=50
$('div').css('top',count)
})
btn是你的按钮。div是要移动的div 你可以写他们的id或着class名 。不过这是定位的方式 你的div也需要设置定位 position属性
每次点击 count都加50 当count等于200移动完成后你再去点击时,就会进入if判断,然后跳出,不再执行移动。这只是一种方式。你慢慢理解了 也能写出别的方式
$('btn').on('click',()=>{
if(count==200){
return;
}
count+=50
$('div').css('top',count)
})
btn是你的按钮。div是要移动的div 你可以写他们的id或着class名 。不过这是定位的方式 你的div也需要设置定位 position属性
每次点击 count都加50 当count等于200移动完成后你再去点击时,就会进入if判断,然后跳出,不再执行移动。这只是一种方式。你慢慢理解了 也能写出别的方式
2019-10-27 · 百度认证:云南新华电脑职业培训学校官方账号
云南新华电脑学校
云南新华电脑学校是经云南省教育厅批准成立的省(部)级重点计算机专业学校,采用三元化管理模式,教学设备先进,师资雄厚学生毕业即就业,学院引进了电商企业入驻,创建心为电商创业园区,实现在校即创业
向TA提问
关注
展开全部
HTML部分
//要移动的div(操作的对象)//按钮来触发事件原生js实现
var btn_click=document.getElementById("move"); //获取点击按钮
var box=document.querySelector(".test");//获取要移动的div
var a=0;
btn_click.onclick=function(){
a=a+50;
box.style.left=a+'px'; //每点击一次,向右移动50px
}
//要移动的div(操作的对象)//按钮来触发事件原生js实现
var btn_click=document.getElementById("move"); //获取点击按钮
var box=document.querySelector(".test");//获取要移动的div
var a=0;
btn_click.onclick=function(){
a=a+50;
box.style.left=a+'px'; //每点击一次,向右移动50px
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询