怎样用js实现每次点击按钮都使div向右移动50px？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样用js实现每次点击按钮都使div向右移动50px？相关的知识，希望对你有一定的参考价值。
html部分//要移动的div(操作的对象)
<div class="test" style="background:#f00;width:100px;height:100px;"></div>
//按钮来触发事件
<input type="button" value="移动" id="move"/>
原生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
参考技术A <body>
<!-- //要移动的div(操作的对象) -->
<div class="test" style="background:#f00;width:100px;height:100px;"></div>
<!-- 按钮来触发事件 -->
<input type="button" value="移动" id="move"/>
<!-- 原生js实现 -->
<script>
var btn = document.getElementById("move"); //获取点击按钮
var box = document.querySelector(".test");//获取要移动的div
var a = 0;
btn.onclick = function()
a = a + 50;
box.style.marginLeft = a + 'px'; //每点击一次，向右移动50px
</script>
提问：怎样实现点击一个按钮弹出下拉列表
用css把按钮弄成下列表的样式，用一个事件，按下时，调用一个显示div的样式，div里面，是一个真正的下拉框。。。div弹出时设置位置时，盖住按钮即可。 参考技术A 参考代码如下：设置PopupMenu属性：AutoPopup为false，TrackButton为tbLeftButton
自定义方法
void TfrmBrand::BtnPopup(TBitBtn *BitBtnOne,TPopupMenu *PopupMenuOne)
TPoint t1,t2;
t1.x=0;
t1.y=BitBtnOne->Height;
t2=BitBtnOne->ClientToScreen(t1);
PopupMenuOne->Popup(t2.x,t2.y);
点击bitEdit按钮弹出菜单
void __fastcall TfrmBrand::bitEditClick(TObject *Sender)
BtnPopup(bitEdit,PopupMenu1);
以上是关于怎样用js实现每次点击按钮都使div向右移动50px？的主要内容，如果未能解决你的问题，请参考以下文章