jquery animate 问题
<html><head><title>animate</title><scriptsrc="lib/jquery.js"type="text/javascript"></...
<html>
<head>
<title>animate</title>
<script src="lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#left").click(function(){
$(".block").animate({left:'-50px'},1000);
//$("p").hide("slow");
});
$("#right").click(function(){
$(".block").animate({left:'+50px'},1000);
});
})
</script>
</head>
<body>
<input type="button" id="left" value="<<"> <input type="button" id="right" value=">>">
<div class="block"></div>
<p>OOOOO</p>
</body>
</html>
这是我从帮助文档里抄的代码，可是实现不了，浏览器报:对象不支持此属性或方法,这是什么原因啊。求救！！！
<script src="lib/jquery.js" type="text/javascript"></script>
服务器上要有 lib/jquery.js
我有啊.用show(),hide()等其他效果就行，就是用animate这个不行
加上
<style type="text/css">
.block
{
position:absolute;
background-color:#dedede;
width:100px;
height:100px;
}
</style>
也不行啊。如果我不是一个层，是一个文本框，那就不用定义样式啦。为什么也不行的 展开
<head>
<title>animate</title>
<script src="lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#left").click(function(){
$(".block").animate({left:'-50px'},1000);
//$("p").hide("slow");
});
$("#right").click(function(){
$(".block").animate({left:'+50px'},1000);
});
})
</script>
</head>
<body>
<input type="button" id="left" value="<<"> <input type="button" id="right" value=">>">
<div class="block"></div>
<p>OOOOO</p>
</body>
</html>
这是我从帮助文档里抄的代码，可是实现不了，浏览器报:对象不支持此属性或方法,这是什么原因啊。求救！！！
<script src="lib/jquery.js" type="text/javascript"></script>
服务器上要有 lib/jquery.js
我有啊.用show(),hide()等其他效果就行，就是用animate这个不行
加上
<style type="text/css">
.block
{
position:absolute;
background-color:#dedede;
width:100px;
height:100px;
}
</style>
也不行啊。如果我不是一个层，是一个文本框，那就不用定义样式啦。为什么也不行的 展开
3个回答
展开全部
ft,我直接给你贴上代码，绝对可以，firefox,opera,safari,chrome,ie我都试了，另请确保你所说的lib/jquery.js是有效的。
<html>
<head>
<title>animate</title>
<style type="text/css">
.block
{
position:absolute;
background-color:#dedede;
width:100px;
height:100px;
}
</style>
<script src="lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#left").click(function(){
$(".block").animate({left:'-50px'},1000);
//$("p").hide("slow");
});
$("#right").click(function(){
$(".block").animate({left:'+50px'},1000);
});
})
</script>
</head>
<body>
<input type="button" id="left" value="<<"> <input type="button" id="right" value=">>">
<div class="block"></div>
<p>OOOOO</p>
</body>
</html>
<html>
<head>
<title>animate</title>
<style type="text/css">
.block
{
position:absolute;
background-color:#dedede;
width:100px;
height:100px;
}
</style>
<script src="lib/jquery.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#left").click(function(){
$(".block").animate({left:'-50px'},1000);
//$("p").hide("slow");
});
$("#right").click(function(){
$(".block").animate({left:'+50px'},1000);
});
})
</script>
</head>
<body>
<input type="button" id="left" value="<<"> <input type="button" id="right" value=">>">
<div class="block"></div>
<p>OOOOO</p>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script src="lib/jquery.js" type="text/javascript"></script>
服务器上要有 lib/jquery.js
浏览器要从服务器获得上面的 html, 并找到相对文件夹。
否则，要用 <base ....> 标签 指明 服务器基地址。
当然，你把 jquery.js 和 jquery.js 要调用的脚本直接写入 html 也可以。
服务器上要有 lib/jquery.js
浏览器要从服务器获得上面的 html, 并找到相对文件夹。
否则，要用 <base ....> 标签 指明 服务器基地址。
当然，你把 jquery.js 和 jquery.js 要调用的脚本直接写入 html 也可以。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
无效的原因是因为你没有给<div class="block"></div> 这个层
绝对定位
要使用animate 对他移动就需要 绝对定位
你试试
文本框也需要定义样式啊，如果从帮助文档抄了就应该没有问题
你仔细检查一下 看下是不是少了括号啊
我用jq经常少写一个括号
绝对定位
要使用animate 对他移动就需要 绝对定位
你试试
文本框也需要定义样式啊，如果从帮助文档抄了就应该没有问题
你仔细检查一下 看下是不是少了括号啊
我用jq经常少写一个括号
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
