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

360商城首页jQuery轮播图插件

先来看演示


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

**** Hidden Message *****
DIY代码如下
<link href="css/mall360.css" type="text/css" rel="stylesheet">
<div class="mod-banner">
      <div class="banner-slide">
                <div class="slideBox">
                      
                        <a class="slider-film" href="{url}" target="_blank" style="display: none; background-image: url({pic});" data-small="{pic}" data-big="{pic}" title="{title}">
                        </a>
                                        
                </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

:D说的发生的发生地方

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

huif\bddbadadadasd
页: [1] 2 3 4 5 6 7 8 9 10
查看完整版本: 360商城首页jQuery轮播图插件