第12课 - jQuery动画特效 - [精通JavaScript+jQuery] - CSS,Javascript,jQuery,视频教程

第12课 - jQuery动画特效 - [精通JavaScript+jQuery]

jQuery中动画和特效的相关方法可以说为其添加了靓丽的一笔。开发者可以通过简单的函数实现很多特效，这在以往都是需要大量JavaScript代码开发的。本章主要通过实例，介绍jQuery中动画和特效的相关知识，包括自动显隐、渐入渐出、飞入飞出、自定义动画等。

本节课时长5分49秒，下载文件10.7兆字节。下载的视频文件为FLV格式，推荐使用“Riva Flv Player”软件播放，点击这里下载。

1. 元素的显示与隐藏

- show()和hide()

2. 渐入渐出的变幻

- 再探show()和hide()

- fadeIn()和fadeOut()

3. 幻灯片效果

- slideUp()和slideDown()来模拟PPT中的类似幻灯片拉窗帘的特效

44,801

这篇文章发表于 2008年06月18日星期三 7:00 am，并被分类于jQuery应用。您可以通过订阅 RSS 2.0 跟踪对这篇文章的评论。您可以对这篇文章发表一条评论，或者在您自己的网站中引用 (Trackback) 它。

欢迎您发表留言

23条留言

At 2009.12.11 12:03, failed 留言:

jquery 是个好东西，效果我非常的喜欢。

[回复]
At 2009.10.01 12:55, 圣轩留言:

非常感谢
您
无私的奉献

[回复]
- At 2009.10.08 17:01, chance 留言:
  
  圣轩，
  
  谢谢您的鼓励！欢迎您常来这里交流！
  
  [回复]
At 2009.08.27 12:44, 至尊留言:

jQuery是个优秀的类库！在学习jQuery的时候只需要几天的时间就可以入门！现在开发也有1年的时间了对理解还是不深希望能出一个解析jQuery源码的书！

[回复]
- At 2009.08.29 08:23, chance 留言:
  
  至尊，
  
  是，如果希望深入研究jQeury和JS，研究源码是最好的方式，不过目前我们还没有这个计划处这方面的书。
  
  [回复]
At 2009.06.14 14:28, bolo 留言:

老师，请问怎么设定动画效果在某段时间里只能激活1次？能详细解答一下吗？

[回复]
- At 2009.06.14 15:10, chance 留言:
  
  bolo ，
  
  不是很理解你的具体要求，详细说一下？
  
  [回复]
  - At 2009.06.14 15:15, bolo 留言:
    
    举个例子，http://test.digau.cn/garagedoormenu/，这个滑动门的效果，如果用光标在上面快速滑过几次的话，即使光标离开了，滑动效果还会继续下去，如果要令1秒中之内每个元素只能激活一次滑动效果，应该在脚本里加上什么语句？
    
    [回复]
    - At 2009.06.14 15:23, chance 留言:
      
      bolo ，
      
      这里实际上问题在于这4个“按钮”对鼠标经过过于敏感了，因此可能比较好的办法是，降低敏感度，当鼠标快速经过的时候，根本就不触发，就没有问题了。
      
      者可以使用一个jQeury的插件来实现。你可以参考一下下面这篇文章的倒数第二节，可能可以解决你的问题。
      
      http://learning.artech.cn/20081104.jquery-intro.html
      
      [回复]
      - At 2009.10.01 12:54, 圣轩留言:
        
        对了
        说下
        我说的是js写法
        JQ应该有类似封装的函数
        
        [回复]
      - At 2009.10.01 12:51, 圣轩留言:
        
        还有一种方法
        触发加超时器
        超时器引用为上层主函数
        当鼠标离开
        而还未触发
        利用主函数的超时器引用
        干掉超时器
        那么代码就不会运行了
        同理
        每次触发都把超时器清空一次
        就能达到你说的效果了
        
        [回复]
At 2009.04.18 23:30, 初学者留言:

想问老师，在视频教程中的示例中，有的涉及一些实例，如12-1.html
这些实例的文件能下载到吗？

[回复]
- At 2009.04.19 15:59, chance 留言:
  
  初学者，
  
  抱歉，由于本书和出版社又合同约束，目前无法提供案例下载。如果感觉对您有所帮汉族，不妨考虑买一本书吧，也是对很多为本书作出努力的人的支持！
  
  [回复]
At 2009.03.31 11:39, XXXX 留言:

谢谢曾老师！！！！！！！

[回复]
- At 2009.04.03 10:14, chance 留言:
  
  XXXX，
  
  谢谢您的鼓励，欢迎常来这里交流！
  
  [回复]
At 2009.03.31 11:16, 过客留言:

谢谢这里的视频，对我又非常大的作用，
在此非常感谢！

[回复]
- At 2009.04.03 10:13, chance 留言:
  
  过客，您好，
  
  谢谢您的鼓励，欢迎常来这里交流！
  
  [回复]
At 2008.08.31 17:41, xxymg 留言:

非常好谢谢

[回复]
- At 2008.09.01 15:29, chance 留言:
  
  xxymg，
  
  谢谢您的鼓励，欢迎常来这里交流！
  
  [回复]
At 2008.08.03 09:55, 小张留言:

挺好的，支持一下吧

[回复]
- At 2008.08.05 17:42, chance 留言:
  
  小张，
  
  谢谢您的鼓励，欢迎常来这里交流！也欢迎到我们的论坛发言： http://talking.artech.cn 。
  
  [回复]
At 2008.07.06 15:30, aito 留言:

那里有这本书买??

[回复]
- At 2008.07.11 07:26, chance 留言:
  
  aito ，
  
  目前还没有上市，这个月内可以上市~~
  
  [回复]

前沿视频教室————最好的CSS和Web设计与开发的视频教程

第12课 - jQuery动画特效 - [精通JavaScript+jQuery]

欢迎您发表留言

23条留言

视频教程

最新留言

订阅

推荐链接