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元素就开始渐渐淡去。




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