新浪数码圆形切换动画设计制作

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

我之前做过好多焦点图片或说幻灯片,但他们的底部切换都差不多都是很规则的,今天我要向大家介绍的一个是非常有特色的,半圆形边框,加上圆形切换背景,并有色彩变幻,真是漂亮,而且让人称赞的是jQuery的使用让切换变得非常漂亮!

说起新浪网,大家都是非常熟悉的了,看新闻大部分人都上新浪,特别是北方地区。当我点击进入新浪数码时,淡蓝色的色彩让我感觉到了科技的味道。手机,数码相机,笔记本等让我这个计算机工作者感到兴趣。tab菜单的应用,让这个页面的内容更多更多。

我要向大家介绍的动画出现导航下右侧,方角背景,孤形的切换居右,图片下面采用滤镜作标题介绍背景。鼠标划过数字,图片跟着缓慢切换,非常有特色。自动切换的圆形数字,让人感觉很新鲜,有种弹出变大的效果。

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

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

预览地址:http://www.163css.com/hihilinxuan/cssjs/201101/sinaqh/index.html

下载地址:新浪数码圆形切换动画设计制作.rar

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