关于JQuery的问题，请问我的toggle 怎么自动运行了，应该怎么改？
<!DOCTYPEhtml><html><head><metacharset="utf-8"><styletype="text/css">#point{backgroun...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#point{
background: red;
position: relative;
width: 10px;
height: 10px;
left: 1000px;
top: 10px;
cursor: pointer;
}
</style>
<script type="text/javascript" src="scripts/jquery-2.0.3.js"></script>
</head>
<body>
<div id="box">
<div id="point"></div>
</div>
<script type="text/javascript">
$("#point").toggle(function() {
$(this).animate({width: "500px", height: "500px",top:"50px",left:"300px"}, 600);
}, function() {
$(this).animate({width: "10px", height: "10px",top:"10px",left:"1000px"}, 600);
});
</script>
</body>
</html>
效果很简单，就是想要点击的时候，变大，移到中间，再点一下，移到右上角，可是不知道为什么他就直接运行了，连点击的机会都不给我 展开
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#point{
background: red;
position: relative;
width: 10px;
height: 10px;
left: 1000px;
top: 10px;
cursor: pointer;
}
</style>
<script type="text/javascript" src="scripts/jquery-2.0.3.js"></script>
</head>
<body>
<div id="box">
<div id="point"></div>
</div>
<script type="text/javascript">
$("#point").toggle(function() {
$(this).animate({width: "500px", height: "500px",top:"50px",left:"300px"}, 600);
}, function() {
$(this).animate({width: "10px", height: "10px",top:"10px",left:"1000px"}, 600);
});
</script>
</body>
</html>
效果很简单，就是想要点击的时候，变大，移到中间，再点一下，移到右上角，可是不知道为什么他就直接运行了，连点击的机会都不给我 展开
展开全部
你好：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#point{
background: red;
position: relative;
width: 10px;
height: 10px;
left: 1000px;
top: 10px;
cursor: pointer;
}
</style>
<script type="text/javascript" src="
</head>
<body>
<div id="box">
<div id="point"></div>
</div>
<script type="text/javascript">
$("#point").toggle(function() {
$(this).animate({width: "500px", height: "500px",top:"50px",left:"300px"}, 600);
}, function() {
$(this).animate({width: "10px", height: "10px",top:"10px",left:"1000px"}, 600);
});
</script>
</body>
</html>
代码如上，有用就采纳！！
主要是你用的jq版本问题，2.多的版本toggle有问题吧。建议以后不要用~~
追答
恩谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
$("#point").toggle(function() {
$(this).animate({width: "500px",height: "500px"}, 600).animate({left:"300px"}, 600)
.animate({top:"50px"}, 600);
}, function() {
$(this).animate({width: "10px", height: "10px",top:"10px",left:"1000px"}, 600);
});
</script>
尝试分成几个队列排队运行，自动运行我就不知道为什么，我copy你的代码，没有自动运行。
$("#point").toggle(function() {
$(this).animate({width: "500px",height: "500px"}, 600).animate({left:"300px"}, 600)
.animate({top:"50px"}, 600);
}, function() {
$(this).animate({width: "10px", height: "10px",top:"10px",left:"1000px"}, 600);
});
</script>
尝试分成几个队列排队运行，自动运行我就不知道为什么，我copy你的代码，没有自动运行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在外面套层click就行了 可能这个方法比较笨吧
$(function (){
$("#point").click(function(){
$("#point").toggle(function() {
$(this).animate({width: "500px", height: "500px",top:"50px",left:"300px"}, 600);
}, function() {
$(this).animate({width: "10px", height: "10px",top:"10px",left:"1000px"}, 600);
});
});
});
$(function (){
$("#point").click(function(){
$("#point").toggle(function() {
$(this).animate({width: "500px", height: "500px",top:"50px",left:"300px"}, 600);
}, function() {
$(this).animate({width: "10px", height: "10px",top:"10px",left:"1000px"}, 600);
});
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
