Question

js 改变div位置

<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从左往右慢慢移动到位置。

Answer 1

调整了一下你写的代码 直接放在网页里即可实现你想要的效果
<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>

Answer 2

s是你每次移动的间隔距离是么?
使用setInterval函数,这样就可以有慢慢移动的效果啦.

function xx()
{
//累加s
//设置div位置
}
setInterval( xx, 100 );
// ~~~ 这个是时间间隔,单位毫秒