看下jquery stop()方法诡异报错!!!

luohuayh 2010-06-07 10:43:27

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META HTTP-EQUIV=”imagetoolbar” CONTENT=”no”/>
<title>无标题文档</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>

</head>

<body>

<div id="Min" style="width:25px; height:25px; margin-top:0; padding:0; z-index:6; position:absolute; ">
<img src="http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg" width="25px" height="25px"/>
</div>
<div style="width:100%; height:20px; background-color:#0099FF; position:absolute; z-index:5;" id="topMess">
<table align="center" width="70%">
<tr>
<td align="right"><span>部门名称:</span></td>
<td align="left"><select size="1" name="store" style="width:84px;font-size:12px; background:none;" >
<option value="">---</option>
<option value="3">33</option>

</select></td>
<td align="right"><span>员工名称:</span></td>
<td align="left"><input type="text" name="empl" id="empl" style="background:none;"></td>
<td> <a href="javascript:viod(0)" title="查询路线"><img border="0" src="http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg" height="25" id="queryButton"></a></td>
<td> <a href="javascript:viod(0)" title="清空条件"><img border="0" src="http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg" height="25"></a></td>
<td> <a href="javascript:viod(0)" title="停止行走"><img border="0" src="http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg" height="25" id="stopButton"></a></td>
</tr>
</table>
</div>

<div style="width:100%; height:100%; position:absolute;" id="BgMain">
<img name='images1' src='http://www.storworld.com/UploadFiles_6170/200711/20071120110658110.jpg' border='0' width="100%"; height="100%" GALLERYIMG="no">


<div id="Posz1" style="z-index:2; position:absolute; left:30%; top:45%; ">
<img name='images4' src='http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg' border='0' width="15px" height="15px">
</div>
<div id="Posz2" style="z-index:2; position:absolute; left:77%; top:62%; ">
<img name='images5' src='http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg' border='0' width="15px" height="15px">
</div>
<div id="Posz3" style="z-index:2; position:absolute; left:58.5%; top:82%; ">
<img name='images6' src='http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg' border='0' width="15px" height="15px">
</div>
<div id="Pos4" style="z-index:2; position:absolute; left:78.5%; top:38%;">
<img name='images6' src='http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg' border='0' width="15px" height="15px">
</div>
<div id="Pos4" style="z-index:2; position:absolute; left:42%; top:24%;">
<img name='images6' src='http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg' border='0' width="15px" height="15px">
</div>

<div id="moveBox" style=" left:30%; top:45%; z-index:999; position:absolute;">
<img name='images6' src='http://bookpic.newbooks.com.cn/pic/200612/68030/20061222224142442.jpg' border='0' width="30px" height="40px">
</div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function(){

$("#topMess").hide();
$("#Min").click(function(){if($("#topMess").is(":visible"))
$("#topMess").hide("slow");
else
$("#topMess").css("opacity",0.6).show("slow");
});

$("#queryButton").click(function(){
$("#moveBox").animate({opacity: "100", left: "77%",top:"62%"}, 8000).animate({opacity: "100", left: "58.5%",top:"82%"}, 8000).animate({opacity: "100", left: "78.5%",top:"38%"}, 8000).animate({opacity: "100", left: "58.5%",top:"82%"}, 8000).animate({opacity: "100", left: "77%",top:"62%"}, 8000).animate({opacity: "100", left: "30%",top:"45%"}, 8000);
return false;
});

$("#stopButton").click(function(){ $("#moveBox").clearQueue();$("#moveBox").stop(true);});

});
</script>
</html>

执行,点击左上角图标,在弹出的横幅的左边有2个一样的图标,第一个是执行动画,第二个是停止动画这里你先点执行动画,然后在点停止动画,这下错误就出来了,始终说的是行1 ,字符1 缺少对象,不知道有哪位高手能看看。在线等待!!



...全文
141 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
luohuayh 2010-07-27
  • 打赏
  • 举报
回复
结贴了,好久没来放太久了!
打字员 2010-06-18
  • 打赏
  • 举报
回复


href="javascript:viod(0)"
打字员 2010-06-18
  • 打赏
  • 举报
回复

$("#moveBox").clearQueue();
$("#moveBox").stop(true);


什么意思?
clearQueue己经清空了,你还stop什么?
luohuayh 2010-06-17
  • 打赏
  • 举报
回复
想不到帖子就这么沉了,自己顶一下了
luohuayh 2010-06-07
  • 打赏
  • 举报
回复
怎么没人知道如何解决这问题吗,提供一个好点的建议或方法
luohuayh 2010-06-07
  • 打赏
  • 举报
回复
问题很纠结啊,stop方法不单独使用,那我要实现我发那例子的效果可要怎么加方法哦
passself 2010-06-07
  • 打赏
  • 举报
回复
stop一般不单独使用,一般后面都跟着一个函数,应该 是ie6处理的不好,楼主可以在ie6的时候不要单独用stop函数了
luohuayh 2010-06-07
  • 打赏
  • 举报
回复
更加诡异的是FF和Opera下竟然都没错,目前我只是在IE6上出现在和错误,但IE7和IE8都没测试,不知道哪位大哥能帮忙

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧