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.48722.com-竞彩篮球最新app| www.363906.com-vr彩票漏洞赚钱| www.504159.com-买彩票是什么意思| www.586987.com-昨晚七星彩中奖号码| www.686777.cc-彩票谁中过大奖| www.772896.com-黑龙江时时彩彩票机| www.856566.com-中国七星彩-| www.926885.com-达人彩票3d平台| www.989515.com-51中彩app官网| www.st0.com-爱彩乐彩票广东快乐| www.264016.com-正规手机购彩| www.oe84.com-刷彩金群-| www.363627.com-ig新传统彩靠谱吗| www.441174.com-福彩有销售任务吗| www.4323.biz-江苏体育彩票中心| www.733675.com-体彩大乐透十一选五| www.2433.vip-时时彩绝密技巧| www.929773.com-北京全民星彩科技| www.128315.com-福彩3d吧图彩谜| www.711604.com-中国竞彩网下载安装| www.967475.com-彩尊登录-| www.xt98.com-买彩票中200诀窍| www.1835.in-老彩民高手论坛1| www.92155.cc-九龙中彩资料大全| www.355942.com-彩票网源码下载| www.508977.com-万利彩票下载手机版| www.553495.com-足彩输-| www.720999.com-袁老师福彩3d| www.888232.com-智彩网-| www.cpw| www.646.cn-大数据彩票快三| www.874312.com-808七星彩论坛| www.990540.com-中华彩票-| www.585.in-十分彩破解-| www.019667.com-上海福彩网下载| www.950929.com-足彩竞彩预测分析网| www.uf24.com-彩票黑平台曝光网| www.07283.com-竟彩足球必发指数| www.871542.com-彩票预测大师app| www.954946.com-福彩中奖怎么领奖| QQ彩票www.89894b.com| www.490388.com-旺彩双色球3d断组| www.678282.com-福彩网点-| www.767870.com-旺彩全国开奖大全| www.19xw.com-博汇彩票手机版下载| www.96sw.com-彩票要每天提现吗| www.3073.com-七星彩小说好看吗| www.246785.com-3d最新预测凤彩网| www.564643.com-信阳体彩管理中心| www.677489.com-网投国彩可靠吗| www.791316.com-快三和值单双预测| www.896330.com-七星彩开奖视频造假| www.996360.com-足彩北单官网| www.js43.cc-买大小彩票的平台| www.32yo.com-随时赚彩票平台| www.757080.com-中华彩票导报网址| 500万彩票www.500yf.com| www.j82.me-新彩吧3d总汇| www.65pz.com-卖体育彩票怎么提成| www.4196.org-七彩课堂语文电子版| www.7919.biz-彩墨染卡教程| www.059506.com-时时彩专业版下载| www.113149.com-福彩3d牛彩图谜| www.36932.cc-陕西彩旗快三| www.003724.com-彩票这东西能玩吗| www.794959.com-快三福彩解除银行卡| www.237848.com-体育彩票怎么兑奖| www.533101.com-彩票投注金额是什么| www.745630.com-福彩3d定跨度技巧| www.970010.com-福彩快三害人的事件| www.g20.xyz-360彩票官网| www.1189.wang-123万彩票网| www.022934.com-体彩各种玩法介绍| www.761656.com-甘肃快三规律| www.842130.com-中超体彩-| www.925609.com-下载金彩网app| www.981484.com-易彩网登录-| www.cp517.com-广西快三每天多少期| www.mh25.com-福彩、快3app| www.389841.com-腾讯一分彩开奖查询| www.91682.com-福彩3d双色球字迷| www.04lq.com-彩铅自学视频教程| www.785.xyz-体彩兑奖返点| www.7625.net-新浪爱彩是否合法| www.247332.com-乐彩网双色球预测| www.3555.top-存1送15彩金| www.9694.cc-六会彩资料全集| www.44356.com-彩票竞猜补偿| www.540499.com-福彩中奖记录| www.130933.com-彩礼2019-| www.838705.com-竞彩周五001| www.917271.com-彩铅画简单图片| www.974663.com-七星彩坛论-| www.bd5.com-彩票赚钱-| www.717717.com-安徽省彩票中心领奖| www.810507.com-cp36是什么彩票| www.882410.com-彩吧论坛首页一| www.964381.com-足彩票比分500| 500彩票www.50024v.com| www.77626.com-好彩堂资料中心| www.5335.com-七星彩预测汇总| www.39jc.com-山东结婚风俗彩礼| www.1940.in-最新万彩吧-| www.2424.vip-彩票之家大全| www.609189.com-彩票店开门几点关门| www.t56.net-喜彩票-| www.997.cn-今日3d福彩杀码图| www.9929.loan-时时彩等机会| www.93zf.com-101彩票平台登录| www.768800.com-跟团队买彩票靠谱吗| www.824577.com-男子疯狂买彩票| www.925563.com-57足彩-| www.984210.com-快三昨天的开奖号码| www.jt5.com-河南快三3012| www.583598.com-国外体彩-| www.754365.com-彩宝贝下载-| www.925650.com-彩乐园应用-| www.996712.com-福利彩票机选和自选| www.do14.com-彩经网走势图大全| www.ye23.com-彩票3d开奖-| www.26gc.com-3d遗漏分析中彩网| www.7287.biz-彩虹电玩城下载安装| www.020030.com-体彩19042-| www.1593.cm-足彩胜平负投注技巧| www.3637.in-万博彩票正规吗| www.190178.com-快三砍龙口诀| www.85xo.com-中国乐彩彩网| www.916831.com-老9购彩票-| 500彩票网www.65707z.com| www.333370.cc-豪彩娱乐-| www.199.top-类似优彩的论坛| www.00po.com-福彩3d开状号| www.jj9.com-北京快三开奖网站| www.415263.com-互联网彩票区块链| www.115331.com-移动彩票财务清算| www.86178.cc-广东福利彩票兑换| www.03eu.com-广西快三有漏洞吗| www.177725.com-快三手机助手手机版| www.259110.com-手机福彩自动选号| www.04885.com-今日福彩3d藏机图| www.47956.com-单场足球彩票玩法| www.019468.com-体彩排列三字谜论坛| www.ey.com-竞彩网首页-| www.254263.com-幸运快三百家号| www.193062.com-贵州快三提前预测| www.09ne.com-幸运分分彩开奖查询| www.111169.com-快三坑人-| www.850709.com-时时彩跨度是什么| www.392593.com-彩票中奖最多的地区| www.58519.com-釉中彩的碗安全吗| www.033333.cc-第1彩-| www.279419.com-重庆时时彩停了吗| www.365225.com-中国福建体彩大乐透| www.447967.com-怎么在网易买彩票| www.529252.com-彩虹岛手机网页版| www.596826.com-福彩3d倍投方法| www.659441.com-江苏体彩fczst| www.720538.com-17年七星彩开奖号| www.786632.com-福利彩票兼职| www.848325.com-时时彩走势图一星| www.933901.com-彩庫寶典-| www.979541.com-晚晚好彩今晚图片| www.cai965.com-快三赌博案例| www.869770.com-唯彩会彩-|