摩托罗拉momotorola手机相册特效

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

今天我们来欣赏下摩托罗拉的相册特效,提到摩托罗拉,总觉得很悲剧,曾经的手机领导者,今天的GOOGLE收购,不过,技术在不断更新,落后总是要被淘汰。http://power.motorola.com.cn/xt910maxx/,大家可以先欣赏上这个网址,现在觉得摩托罗拉至少采用了android系统,至少这一点比诺基亚强吧。。。

我们先看看效果图,这样的相册,大家会不会想到之前做的相册效果“php100首页幻灯动画设计”,但摩托这个相册强在哪?首先,上面的色彩选择是可以实现功能的,点击后,大图和小图都切换了,这个够牛吧。。。其次,大图左右的箭头切换是水平切换的,这个我们也很少见吧,当然了,下面的小图也跟着相应切换。。。

 

这个代码的实现,很像我们之前做的tab菜单,我们当时采用了index参数,这里采用了number参数。。。

我们再分析下左右按钮的实现,我们可以看到,采用了animate函数,div的宽度为818,切换也是818,当我看到上面的“已经是第一张”时,我会想到我之前做的“腾讯内容页带滚动条相册特效”。

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

预览地址:http://www.163css.net/net163/cssjs/2012/09/motopic/index.html

下载地址:摩托罗拉momotorola手机相册特效.zip

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