jquery - h1淡入淡出效果使用Jquery

标签 jquery html css

我用谷歌搜索了各种示例,但我似乎无法获得预期的效果 在我的主页上,我有一个 h1 标题。

我正在尝试使用 JQuery 创建淡入淡出效果。当页面加载时,我希望 h1 标题慢慢淡入(甚至可能从小字体变为大字体)

任何人都可以帮助代码。抱歉,我刚刚说出来了吗?

非常感谢,

最佳答案

看看这个jsfiddle 我认为如果同时淡入和改变字体大小会更流畅。

另外,看到代码底部的 1000 了吗?这是动画时间,您可以更改它以获得更快或更慢的性能。

$(document).ready(function(){
    $("h1").animate({ 
        'font-size' : '40px',
        'opacity': '1'
    },1000);
});

关于jquery - h1淡入淡出效果使用Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27472904/

相关文章:

javascript - 如何在 JavaScript 中应用多个 div 元素的过滤

javascript - 在 ExtJS 中自动调整文本字段标签

css - 通过 css 更改 SVG <circle> <rect> 值

css - 有没有办法格式化node-sass css输出?

javascript - CSS/jQuery - 是否可以创建此形状(类似于倒圆)

ajax - 通过 ajax 加载时 mediaelement.js 失败

javascript - 以编程方式设置选择(多个)元素值

javascript - 在json解析中添加函数onclick

javascript - 在html中显示react javascript

javascript - html 选择列表 - 当大小为 10 时显示所选值