网易首页幻灯片触屏版

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

我们打开163.com这个地址看下,相信许多人每天都会打开这个网站,我也是,只不过每次打开,就有广告下拉下来,真是头晕啊。。。

对于这个幻灯片,大家觉得如何?图片是自动切换的。上面带有自动切换的按钮,下面带有标题,层是左右切换的,不是渐隐,下面有5个类似分页的图标,点击图片可以实现切换。。。

我用IPAD试了下,这个动画缺少一个触屏的功能,想想,我就改进下它吧。。。

借助于slides这个插件,我们可以很容易地实现这个功能:

大家可以看到,我们要切换的层是slides,宽度是310,高度是220,自动切换,时间为4000,swap用来实现是否出现控制按钮,强大吧,这个插件真是牛逼啊,而且现在还可以在手机平板上触使用。。。开心吧。。。

不过,好像对于jquery得高级点,这里采用了1.9的版本。。。

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

预览地址:http://www.163css.com/hihilinxuan/cssjs/2013/07/163play/index.html

下载地址:网易首页幻灯片触屏版.zip

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