QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 图片代码 > jquery左侧分类导航和图片轮播布局代码

原创商用 jquery左侧分类导航和图片轮播布局代码

jquery 实现 左侧固定分类导航和图片轮播滚动特效,基于superslide开发,结构简单清晰,jquery参数均可修改,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="banner-content">
	<div class="banner-content-box">
		<div class="banner-nav-left">
			<ul>
				<li>
					<h3>汽车金融</h3>
					<a href="#" target="_blank">购车分期</a>
				</li>
				<li>
					<h3>房产金融</h3>
					<a href="#" target="_blank">租房分期</a>
				</li>
				<li>
					<h3>现金贷款</h3>
					<a href="#" target="_blank">消费贷</a>
					<a href="#" target="_blank">快速贷</a>
					<a href="#" target="_blank">信贷之家</a>
				</li>
				<li>
					<h3>生活服务</h3>
					<a href="#" target="_blank">信用卡</a>
					<a href="#" target="_blank">保险</a>
				</li>
				<li class="bor-none">
					<h3>商务合作</h3>
					<a href="#" target="_blank">机构合作</a>
					<a href="#" target="_blank">商家合作</a>
				</li>
			</ul>
		</div>
		<div class="banner-slide">
			<div class="hd banner-slide-circle">
				<ul class="clearfix">
					<li class="on"></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="bd banner-slide-body">
				<ul>
					<li>
						<a href="#">
							<img src="images/banner001.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/banner002.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/banner003.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/banner004.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
			<a class="prev" href="javascript:void(0)"></a>
			<a class="next" href="javascript:void(0)"></a>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".banner-slide").slide({
		mainCell: ".bd ul",
		effect: "fade",
		autoPlay: true,
		trigger: "click",
		delayTime: 500
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
东京好运彩 www.711586.com-双色球唯彩看球杀蓝| www.727526.com-山东彩票安卓版| www.833177.com-福利彩3d分析软件| www.929802.com-天天中彩票计划| www.yh21.cc-湖北快三昨天未出号| www.131.org-彩虹的约定教案大班| www.503816.com-江苏快三投注计划表| www.716355.com-彩铅如何画苹果| www.cp8788.com-福彩快3交流群| www.dt38.com-幸运彩票是不是骗局| www.c23.net-爱彩乐开奖-| www.54od.com-贴心的移动彩票软件| www.0449.vip-怎样在彩票平台稳赚| www.7005.cm-七彩云校查询成绩| 福利彩票www.78700g.com| www.721505.com-新浪足彩单场竞猜| www.21248.com-彩票搜狗走势图大全| www.844993.com-福利彩票常识| www.929170.com-博牛彩票破解方法| www.987464.com-广西福利彩票兑奖| www.hw3.com-彩票长龙技巧| www.od55.com-体彩终端机在哪买| www.3tq.com-京彩团队-| www.67fl.com-七乐彩走势图图表| www.2314.vip-好彩香烟绿色报价| www.8030.cm-北京快三和值公式| www.607793.com-天津市福彩快乐十| www.707812.com-九度彩票app| www.803488.com-分分快三投注软件| www.732665.com-希望彩票app入口| www.803115.com-224彩票-| www.878591.com-内蒙古体彩网下载| www.956505.com-顶级彩票-| www.482.cm-彩票毁一生-| www.5063.vip-国家福彩-| www.05899.com-中国福利彩票综合版| www.954342.com-苹果时时彩软件| www.25544.cc-足彩即时比分旧版| www.568942.com-新运种福彩-| www.840925.com-彩票内部数据连接| www.024915.com-安徽合肥快三| www.31dm.com-用手机昨买3d彩票| www.203996.com-上海福彩基诺走势图| www.360621.com-彩票店能买快三吗| www.33594.com-初玩彩票怎么玩| www.943099.com-百姓彩坛心水| 顶级娱乐www.821619.com| www.n21.cc-京彩娱乐官网| www.585022.com-掌聊买彩票软件下载| www.682649.com-福彩3d五线图解| www.767788.com-全球彩票网站哪个好| www.838734.com-凤凰微彩实体店软件| www.900090.cc-22彩票苹果手机版| www.971239.com-彩皇-| www.cai08.cc-快三走势图吉林| www.oi92.com-七星彩19049期| 818合彩www.www.1555hc.com| www.li09.com-好彩一走势图| www.63qo.com-移动兑换彩票| www.32272.cc-八爪鱼代表彩票| www.660727.com-看体彩大乐透开奖号| www.759629.com-重庆时时彩计划稳赢| www.995006.com-0500彩票可靠吗| www.vd84.com-智慧彩票预测双色球| www.17hm.com-中国福彩报手机版| www.974625.com-网上怎么买体彩| www.860659.com-彩票一等奖-| www.972375.com-福彩3d魔鬼图表| www.cai8066.com快三开奖查询武汉| www.ni07.com-彩吧vip-| www.y49.cn-彩神通对应码| www.cai3000.com快三是个什么东西| www.70109.com-竞彩足球胜平澳客网| www.26ij.com-6f800彩票-| www.818189.com-陆慧明今天竞彩推荐| www.03va.com-双色球彩迷图| www.389262.com-今天福彩奖号码| www.839703.com-500足彩比分直播| www.898466.com-微信彩票帮手扫一扫| www.958352.com-七星彩什么书准| 688彩票www.090.la| www.581216.com-什么手机彩票软件好| www.554101.com-彩票里龙虎啥意思| www.95016.com-彩妆加盟店哪个好| www.947308.com-查彩票开奖查询| www.4675.cc-彩票多期购买| www.41rw.com-福利彩票截止时间| www.744484.com-彩虫官方下载| www.37182.cc-掌聊app彩票| www.0363.net-福彩杀跨度方法| www.763632.com-福彩3d彩报第二版| www.cp8711.com-快三平台合法吗| www.635950.com-七乐彩技巧大全| www.878191.com-体彩排列三中奖| www.200594.com-上海体彩11选5| www.787055.com-竞彩单场分析预测| www.913499.com-澳客彩票app| www.974127.com-双色球江苏彩民中奖| www.57gw.com-贵阳彩票双机转让| www.198541.com-快三时时计划表| www.553002.com-福彩高频彩走势图| www.662079.com-新蜀山烛彩星光| www.861138.com-合肥市体彩中心电话| www.951935.com-菲律宾体彩天下公司| www.86193.cc-网络卖体彩合法吗| www.423655.com-张星彩图片-| www.536626.com-2d福彩中奖-| www.93334.cc-q彩网怎么登录不了| www.410288.com-爱尔兰彩票中奖号码| www.933995.com-1分快三精准计划网| www.982432.com-全天时时彩计划网页| www.uw4.com-网易彩票靠谱吗| www.571710.com-新年好彩头什么意思| www.1598.in-腾讯分分彩过号器| www.088953.com-快三云-| www.700056.cc-七乐彩9个号多少钱| www.948036.com-四川体育彩票网| www.987066.com-彩票开彩票开奖查询| www.pd6.com-上饶彩票中奖人被杀| www.824921.com-竞彩猫靠谱吗| www.934868.com-快彩11选五浙江| 500彩票www.50026d.com| www.612102.com-福降天下彩票| www.684468.com-彩大乐透大彩网| www.757644.cc-买彩票计划群靠谱不| www.822497.com-爱博彩票app| www.881724.com-网上兼职刷彩票| www.944858.com-乐发彩票的邀请码| www.985116.com-足彩水低于返还率| www.cp0206.com-一分快三怎样稳赚| www.851149.com-足彩吧365一年| www.919064.com-立彩是黑彩吗| www.974595.com-新星彩免费资料大全| www.571923.com-幸运彩开奖结果查询| www.735520.com-3d彩票中奖概率| www.972531.com-足球胜平负彩客网| www.qo00.com-广西快三输了怎么办| www.8931.pw-头头博彩-| www.mu02.com-彩票概率分析软件| www.725276.com-网上彩票赌博严重吗| www.385259.com-吉祥彩-| www.99252.com-足彩彩客网计算器| www.696205.com-彩票跟计划投| www.c18.site-彩票软件计划手机版| www.179920.com-福利彩票开奖| www.320697.com-彩票走势图电视| www.384178.com-中国福利彩票贪污案| www.272800.com-福彩文化的理念| www.2879.net-彩票历史开奖顺序| www.310217.com-今日快三中奖规律| www.892411.com-福彩3d缩水大师| www.4273.cm-彩票复式计算器软件| www.183830.com-3d走势图百度乐彩| www.25og.com-东方华彩集团谢茂全| www.638520.com-体育彩票站申请电话| www.024728.com-今天七星彩开奖号| www.192105.com-河南福彩一定牛快三| www.358578.com-彩票中奖团队qq群| www.819661.com-易中彩票网址| www.jr89.com-王者彩票提不出现| www.125008.com-腾讯5分彩开奖| www.cj29.com-高频彩怎么赚钱技巧| www.20im.com-重生之九彩僵神| www.ca00.com-快三直选玩法|