一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

基于jquery 从左向右切换幻灯片效果代码

时间:2012-05-15 编辑:简简单单 来源:一聚教程网

从左向右幻灯片切换有点一像看书一样的效果,很多商城是用这种,我们先来看看效果图片。

我们切换一下效果如下

不错吧,下面来分析实现代码。

jquery代码(jquery文件大家可以到官网去下载,这里不提供)

 代码如下 复制代码


css文件代码

 代码如下 复制代码

html代码

 代码如下 复制代码


 

  

  

  

  

  

  

  

  

  

  

 

这个效果分类三部份,一是css部份控制布局的一个是js部份这也是我们的主要核心部份了,最后就是html的div了,这个很简单,只要按上面的来做就可以实现你想要的幻灯片效果了。

热门栏目