360商城首页jQuery轮播图插件

技术帮助 · 发表于 2015-7-1 05:47:20

先来看演示

当然你也可以直接进入 http://mall.360.com/ 查看

游客，如果您要查看本帖隐藏内容请回复

DIY代码如下

<link href="css/mall360.css" type="text/css" rel="stylesheet">
<div class="mod-banner">
<div class="banner-slide">
<div class="slideBox">
[loop]
<a class="slider-film" href="{url}" target="_blank" style="display: none; background-image: url({pic});" data-small="{pic}" data-big="{pic}" title="{title}">
</a>
[/loop]
</div>
<a href="#" onclick="return false" class="slide-prev" style="display: inline;"></a>
<a href="#" onclick="return false" class="slide-next" style="display: inline;"></a>
<div class="slide-point" style="margin-left: -52.5px;">
<a href="#" onclick="return false;" data-index="0" class=""></a>
<a href="#" onclick="return false;" data-index="1" class=""></a>
<a href="#" onclick="return false;" data-index="2" class="curr-point"></a>
<a href="#" onclick="return false;" data-index="3"></a>
</div>
</div>
</div>
<script src="http://libs.useso.com/js/jquery/2.0.1/jquery.min.js"></script>
<script src="js/mall360.js"></script>
<script>(new indexSlide).init(".banner-slide",5e3),getMediaInfo()</script>

复制代码

解压后的文件结构说明

ad 文件夹放的是四张大图
img 文件夹 4个按钮图片
js 文件夹 jquery轮播插件js
css 文件夹放的是CSS文件

暂时发布素材，视频教程后期附上！如有问题请到有问必答板块提问！

wangchaojue · 发表于 2015-7-3 11:11:58

说的发生的发生地方

zsy13532643425 · 发表于 2015-7-3 12:45:00

vbbbbhh klk;;'''

马博 · 发表于 2015-7-5 12:45:06

淡定淡定淡定

迪斯源码吧 · 发表于 2015-7-6 13:36:42

支持楼主啊哈

taolei · 发表于 2015-7-7 17:28:04

kjsadklalsadas

nanjiang0072000 · 发表于 2015-7-8 02:09:04

好像看看程序

xiaomi1 · 发表于 2015-7-13 05:26:31

稳定v 地方

...待续“”’ · 发表于 2015-7-17 16:21:13

谢谢楼主分享

匿名 *发表于 2015-7-17 16:25:45* · 发表于 2015-7-17 16:25:45

huif\bddbadad adasd

		自动登录	找回密码
密码			立即注册