js 改变div位置
来源:百度知道 编辑:UC知道 时间:2024/05/15 13:26:09
<div id=qzs style="position:absolute; background-color:#ff0000; left: 109px; top: 133px;"><a href="#" onClick="shoppingcat();">fdsafdasf</a></div>
<script language="javascript">
var s=2;
var minheight=70;
var maxheight=445;
var divObj=document.getElementById('qzs');
divObj.style.position='absolute';
function shoppingcat(){
var aa=parseInt(divObj.style.left);
while (aa <= maxheight)
{
aa+=s;
}
aa=aa+"px";
divObj.style.left=aa;
}
</script>
我要实现点击,div移动,要有过程的,不是直接跳过去的,慢一点,我这个代码直接跳过去,帮我改一下谢谢。
好像还是有点问题,我是想实现这样一个效果,鼠标点击按钮,div从左往右慢慢移动到位置。
<script language="javascript">
var s=2;
var minheight=70;
var maxheight=445;
var divObj=document.getElementById('qzs');
divObj.style.position='absolute';
function shoppingcat(){
var aa=parseInt(divObj.style.left);
while (aa <= maxheight)
{
aa+=s;
}
aa=aa+"px";
divObj.style.left=aa;
}
</script>
我要实现点击,div移动,要有过程的,不是直接跳过去的,慢一点,我这个代码直接跳过去,帮我改一下谢谢。
好像还是有点问题,我是想实现这样一个效果,鼠标点击按钮,div从左往右慢慢移动到位置。
调整了一下你写的代码 直接放在网页里即可实现你想要的效果
<div id=qzs style="position:absolute; background-color:#ff0000; left: 109px; top: 133px;"><a href="#" onClick=setInterval("shoppingcat()",1)
>fdsafdasf</a></div>
<script language="javascript">
var s=2;
var minheight=70;
var maxheight=445;
var divObj=document.getElementById('qzs');
divObj.style.position='absolute';
function shoppingcat(){
var aa=parseInt(divObj.style.left);
if(aa<=445)
{
divObj.style.left=aa+s;
}
}
</script>
s是你每次移动的间隔距离是么?
使用setInterval函数,这样就可以有慢慢移动的效果啦.
function xx()
{
//累加s
//设置div位置
}
setInterval( xx, 100 );
// ~~~ 这个是时间间隔,单位毫秒