请问jquery里的animate方法 font参数怎么适用？
<html><head><scripttype="text/javascript"src="/jquery/jquery.js"></script><scripttype...
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").animate({font:"30px arial,sans-serif"});
});
$(".btn2").click(function(){
$("p").animate({font:"15px arial,sans-serif"});
});
});
</script>
</head>
<body>
<p style="background-color:yellow;font:15px arial,sans-serif;">This is a paragraph.</p>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>
</body>
</html>
这段代码我从W3SCHOOL里面复制到我电脑里的，然后打开里面的JS代码根本不起作用，求正解啊，JS包已经导入也复制了。 展开
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").animate({font:"30px arial,sans-serif"});
});
$(".btn2").click(function(){
$("p").animate({font:"15px arial,sans-serif"});
});
});
</script>
</head>
<body>
<p style="background-color:yellow;font:15px arial,sans-serif;">This is a paragraph.</p>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>
</body>
</html>
这段代码我从W3SCHOOL里面复制到我电脑里的，然后打开里面的JS代码根本不起作用，求正解啊，JS包已经导入也复制了。 展开
3个回答
展开全部
确实这个代码有问题，IE下测试报错。火狐谷歌没问题，W3C school上的实例运行也是报错。
IE确实不支持这样的写法,错误提示参数无效。
你一定要这个效果并且兼容的话参考下面的，顺便提示animate这个效果一般都要加stop在前面。不然你使劲点几下，动画他会一直重复播放，直到你这几下全部循环完才结束。
<style>
.on{font-family:arial;sans-serif;}
</style>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").addCLass("on").stop(true,true).animate({fontSize:"20px"});
});
$(".btn2").click(function(){
$("p").removeClass("on").stop(true,true).animate({fontSize:"15px"});
});
});
<p style="background-color:yellow;font:15px arial,sans-serif;">This is a paragraph.</p>
<button class="btn1">Animate</button>
<button class="btn2">Reset</button>
</script>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我路过，来学东西的，教教我把
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看错了。。、。、
追问
可是明明有font这个属性啊 而且w3school上面也可以生效 就是复制下来在我电脑上打开就无法生效了
追答
是的，代码没有问题。你看看是不是jquery地址有问题
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
