第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





jquery 是个好东西,效果我非常的喜欢。
非常感谢
您
无私的奉献
圣轩,
谢谢您的鼓励!欢迎您常来这里交流!
jQuery是个优秀的类库!在学习jQuery的时候只需要几天的时间就可以入门!现在开发也有1年的时间了对理解还是不深希望能出一个解析jQuery源码的书!
至尊,
是,如果希望深入研究jQeury和JS,研究源码是最好的方式,不过目前我们还没有这个计划处这方面的书。
老师,请问怎么设定动画效果在某段时间里只能激活1次?能详细解答一下吗?
bolo ,
不是很理解你的具体要求,详细说一下?
举个例子,http://test.digau.cn/garagedoormenu/,这个滑动门的效果,如果用光标在上面快速滑过几次的话,即使光标离开了,滑动效果还会继续下去,如果要令1秒中之内每个元素只能激活一次滑动效果,应该在脚本里加上什么语句?
bolo ,
这里实际上问题在于这4个“按钮”对鼠标经过过于敏感了,因此可能比较好的办法是,降低敏感度,当鼠标快速经过的时候,根本就不触发,就没有问题了。
者可以使用一个jQeury的插件来实现。你可以参考一下下面这篇文章的倒数第二节,可能可以解决你的问题。
http://learning.artech.cn/20081104.jquery-intro.html
对了
说下
我说的是js写法
JQ应该有类似封装的函数
还有一种方法
触发加超时器
超时器引用为上层主函数
当鼠标离开
而还未触发
利用主函数的超时器引用
干掉超时器
那么代码就不会运行了
同理
每次触发都把超时器清空一次
就能达到你说的效果了
想问老师,在视频教程中的示例中,有的涉及一些实例,如12-1.html
这些实例的文件能下载到吗?
初学者,
抱歉,由于本书和出版社又合同约束,目前无法提供案例下载。如果感觉对您有所帮汉族,不妨考虑买一本书吧,也是对很多为本书作出努力的人的支持!
谢谢曾老师!!!!!!!
XXXX,
谢谢您的鼓励,欢迎常来这里交流!
谢谢这里的视频,对我又非常大的作用,
在此非常感谢!
过客,您好,
谢谢您的鼓励,欢迎常来这里交流!
非常好 谢谢
xxymg,
谢谢您的鼓励,欢迎常来这里交流!
挺好的,支持一下吧
小张 ,
谢谢您的鼓励,欢迎常来这里交流!也欢迎到我们的论坛发言: http://talking.artech.cn 。
那里有这本书买??
aito ,
目前还没有上市,这个月内可以上市~~