lovo.cn产品相册特效

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

 首先,我们看下这个地址:http://www.lovo.cn/%E8%A2%AB%E5%AD%90%EF%BC%8F%E6%9E%95%E5%A4%B4-%E8%A2%AB%E8%8A%AF%E7%B1%BB/c-1020.shtm。这个页面漂亮吧,但我们再看下产品,当你的鼠标划过的时候:

你觉得如何,漂亮吧?当你点击小图的时候,可以看到,小图会滚动,大图也跟着切换。事实上,如果你看下lovo.cn的代码,会发现,大图上面还有个按钮的,但我们在lovo.cn的网站上是看不到的,估计是经营者将它隐藏了。

如果我们看下脚本,会发现,这个代码来着于jquery-ad-gallery相册,这个时候,我对lovo.cn的页面制作者非常佩服,原来一个复杂的相册,你也可以用在这个产品列表上,真是强大,想法也非常好。

 

我对lovo.cn的脚本做了一些改动,上面是让图片上的按钮显示出来,当然了,脚本里还有一些代码是需要注释掉的,不然,显示会有问题。

对于这个代码,作用是什么呢?如果不写,你刷新页面的时候,会发现,小图显示层会先出来,接着隐藏,但如果在页面上先写好,就不会了,这个,大家在使用的时候也需要注意。

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

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

下载地址:lovo_cn产品相册特效(1).zip

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