网易综艺视频切换特效

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

这是我在网易视频上看到的一个切换动画,其实类似的动画大家都见过,就是左右两个箭头,中间是大图切换,底部有一个提示的小框。但网易视频在处理的时候,将它用全屏的模式来展示,显得非常大气。

有点与众不同的是,图片是800px的,但右侧采用了定位及滤镜技术,加上了标题及简介,在滑动过程中,用户可以对图片有所了解。当然了,ntes_ui_scroll让这个动画有了自动滚动功能。

我是挺喜欢在网易上看视频的,不知他们这些视频从哪找来的,还算有质量,特别是那些名师讲堂的,还能学到很多东西。

对于这样的切换广告,用在首页上是不错的,够大气吧,不过,你也要找到一些高质量的图片才行啊。。。

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

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

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

下载地址:网易综艺视频切换特效.rar 

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