搜索

当前位置:首页 > 软件素材 > 插件素材 > 正文

易于扩展的jQuery图片视差轮播插件

发布时间:2018-09-07 23:17:39作者:魏义齐阅读:()

本文为博主原创文章,未经博主允许不得转载。

最近收藏了很多插件,并不是盲目增加文章,我收藏的插件都是可重复利用性高、方便实用和易于扩展的,比如本文要介绍的jQuery图片视差轮播插件。

这款插件基于swiper,优点是产生视觉差效果的小图和大图是分离的,也就是如果你不想要上面的小图,只需将id为swiper2的div删除即可,删除后对整个轮播效果没有任何影响,只是将其变成了普通的轮播图而已;另外,要改变视觉差效果也很方便,只需对swiper2里的img写样式即可。

原件来源于站长素材,预览:https://www.weiyiqi.net/lookdoc/newslunbo/

我应用到项目后是这样的:https://www.weiyiqi.net/lookdoc/newslunboyy/,我将id为swiper2的div删除并把控制按钮改到了右下角,改成这样就可用于首页新闻滚动展示了,缩略图、发布时间、标题和描述一应俱全。

大家可以看下这个网站(http://qz.hxdec.com/)的营销活动模块,UI设计图是基于这个网页改造的,因为改造的地方比较多,所以没有扒它的,而是搞个跟它一样的。

图片视差原件下载:https://pan.baidu.com/s/1tikrmfsTdjHyt8BbIr1XUQ 密码:6rqd

修改后可用于新闻滚动展示的下载:https://pan.baidu.com/s/13OnhSxMz-Ye5B8Gxop0dmQ 密码:hvlj。已删除不相干的部分,仅留:

下载即可直接使用。

本文标签:轮播图 ,您可以阅读与「轮播图 」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:代码在线演示工具下一篇:轮播可控选项卡切换插件

赞助本站

原创不易,您的赞助就是博主更新的动力!

赞助本站可在赞助光荣榜留下外链信息,支付宝扫此二维码可领红包