[英]How to animate font-size on mouseenter
我在元素mouseenter上设置字体大小动画时遇到问题:
HTML :
<p>Hello!</p>
Javascript :
$(document).ready(function () {
("p").mouseenter(function () {
("p").animate({
"font-size": "50px"
});
});
("p")
应该是$("p")
您缺少});
而且您没有使用jQuery库
$(document).ready(function () {
$("p").mouseenter(function () {
$(this).animate({"font-size": "50px"});
});
});
编写相同内容的更好方法是:
jQuery(function($) { // DOM ready shorthand
$("p").mouseenter(function() {
$(this).animate({ fontSize : 50 });
});
});
请记住,始终保持引用目标对象元素$(this)
以获取所需的结果。
您必须在代码中使用$号尝试此代码。 我测试了。
$(document).ready(function () {
$("p").mouseenter(function () {
$(this).animate({
"font-size": "50px"
});
});
});
您缺少}); 和$符号,以及您的小提琴中的jQuery库。
$(document).ready(function(){
$("p").click(function(){
$(this).animate({fontSize:"30px"});
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.