9.4 使用jQuery让元素产生动画效果

　　许多网站使用动画来展示和隐藏内容。例如，如果要添加一个新的段落文本到页面中，可以想要令其慢慢淡入，而不是突然出现。

jQuery使得实现元素动画变得容易。例如，要淡出一个元素，可以使用fadeOut方法。要测试这个方法，用下面的代码替换dom.html中第2个script元素中的内容：

$("h1").fadeOut(3000);

　　使用$函数选中所有h1元素，因为dom.html只有一个h1元素（包含文本”Hello world”的标题），这个标题作为一个jQuery对象选中，通过对这个jQuery对象调用.fadeOut(3000)，该标题会渐渐淡去直到消失，整个过程需要3秒钟的时间。（fadeOut的参数是以毫秒为单位的，毫秒是一秒的千分之一，所以3000表示持续3秒钟的动画）

　　只要加载包含这行代码的页面，h1元素就开始渐渐淡去。




本站内容未经许可，禁止任何网站及个人进行转载。