jquery实现flash图片文字切换动画

作者:林炜贤来源:www.163css.com发表时间:(2011-07-29)

不管你信不信,反正我是信了,这是用jquery做出来的,而不是FLASH,但你第一眼会认为它是flash,这就是它的绝妙之处。之前我做过一个jqeruy实现拉手网banner切换动画,但那只是实现了图片的切换,这个很常见。

但我今天介绍的这个动画,它却增加了文字的移动及隐现过程,当一张大图出现时,相应的文字介绍也会跟着出现,接着消失,熟悉FLASH的朋友,肯定会想到flash里的遮罩,而这里却是jquery。jquery里的fadein,fadeout,slidedown,slideup都在这里应用了,真是巧妙。

这个动画是我的好朋友郭先生让我见识的,他是一家零件厂的老板,大家可以欣赏下他的网站http://www.celestra.cn/。郭先生这个网站策划得挺不错的,特别是首页,很像国际大公司的做法,用一些大图片来展示公司的服务,如果加多一个地区选择,那就变成一家跨国公司的网站了,呵。。

对于这个动画,用在首页上来展示企业的服务是非常不错的,值得推荐哦。。。

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.net/net163/cssjs/201107/jqflash/index.html

下载地址:jquery实现flash图片文字切换动画.zip

返回作者主页:www.163css.com阅读 (11070)
更多 1