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.019208.com-时时彩五星缩水手机| www.127239.com-彩铅画教程动漫| www.0006.cm-135彩票-| www.027313.com-香港五分彩开奖官网| www.134034.com-黑好彩-| www.343299.com-如何购买福利彩票| www.450079.com-爱赢彩店app| www.560790.com-恒彩彩票注册| www.646333.com-足彩博冷-| www.896138.com-彩票合买自导自演| www.jo47.com-套彩金-| www.94xi.com-中国福利宏达彩票| www.660002.com-乐彩沦坛-| www.742666.com-新星彩-| www.816112.com-湖北快三娱乐| www.885793.com-彩神ⅲ是什么软件| www.954084.com-开奖大厅彩票365| 大赢家彩票平台www.811203.com| www.819238.cc-彩票民间高手| www.97155.cc-福彩短信投注中心| www.54673.com-快3和值中奖彩票图| www.80uz.com-彩票下注网-| www.1139.net-新人如何玩转竞彩| www.1525.net-手机牛彩采摘网| www.028636.com-新西兰快三是黑彩吗| www.23lp.com-南充市福彩中心站| www.39852.cc-高频彩8彩票| www.545904.com-彩票店注册-| www.xd05.com-618彩票网-| www.287854.com-cp544购彩大厅| www.378055.com-3抵制天价彩礼3| www.144.org-7乐彩开奖app| www.516529.com-快三长龙是什么意思| www.732957.com-苏州体彩中心| www.830670.com-顶级彩app-| www.792671.com-在福彩中心工作| www.881067.com-广西省体彩中心地址| www.958890.com-武汉福利彩票在哪里| www.lx2.com-分分快三计划网站| www.194368.com-红牛彩票真实吗| www.98hf.com-炫彩水晶泥下载| www.3130.wang-如何买足彩划算| www.cp8768.com-快三qq群骗局| www.64144.com-买福利彩票顺口溜| www.1794.com-彩吧论坛静态版| www.716001.com-快三平台怎么做| www.816711.com-吉林快三改20分钟| www.903418.com-福利彩票奖金等级| www.448721.com-中国山西福彩官网| www.699762.com-国家认证彩票app| www.810676.com-悟空彩票有人玩吗| www.907152.com-我要买彩票怎么中奖| www.cp5536.com-北京快三推荐预测号| www.076626.com-褔彩3d跨度走势图| www.540050.com-96彩票苹果-| www.831217.com-3月足彩-| www.5347.cm-微信买彩票中大奖| www.147686.com-福利彩票站点| www.079330.com-吉林快三最新开奖图| www.557365.cc-手绘水彩花卉图片| www.110450.com-福彩3d买法-| www.021639.com-完美彩票网站c79| www.249228.com-皇室彩票网站| www.71dw.com-彩票中奖了语录| www.200830.com-七星彩软件-| www.106636.com-足彩精通-| www.248593.com-福彩有几个号码| www.348648.com-老彩民网站是坑| www.595178.com-排列三双彩图| www.914439.com-端彩祥云软件下载| www.970533.com-福利彩票走势图下载| www.cp2770.com-快三遗漏报表| www.779319.com-下载体育彩票app| www.363009.com-双色球彩票真伪| www.469809.com-外国的足球彩票| 吉利彩票www.80065p.com| www.2505.vip-福彩幸运选号| www.4539.biz-买彩票什么时间买好| www.023621.com-买彩票几点结束| www.92015.com-西宁体彩中奖| www.rk9.com-红牛彩票网赚真假| www.949173.com-五福彩下载-| www.284560.com-时时彩快乐十分| www.22037.com-3d专家预测福彩| www.715041.com-红旗彩票注册| www.788667.com-足彩分析推荐预测| www.860517.com-彩票网上投注平台| www.922297.com-易约约彩下载| www.977784.com-彩票网址平台| www.cp667.cc-全国快三-| www.054540.com-祥云瑞彩图片| www.7463.cc-余姚体彩中心在哪里| www.114460.com-彩票抓14人-| www.051931.com-万豪彩票下载| www.da8.com-快三能赚钱吗| www.809884.com-今日体彩试机号查询| www.909328.com-福彩3d第三版彩吧| www.985122.com-人福利彩票-| www.pq5.cc-吉林省体彩站更名| www.950109.com-87彩票app-| www.995055.cc-玩网上彩票合法吗| www.bw80.com-甘肃快三讨论群| www.up07.com-3d乐彩网走逝图| www.07rl.com-蓝鲸和海水彩画| www.4763.cm-黑彩提现被冻结| www.15ht.com-彩票咋看中奖| www.3781.in-爱购彩网址可信吗| www.727070.com-神彩福牛首页| www.818444.com-菏泽福彩招聘| www.897909.com-福彩藏机图正板| www.571.me-时时彩开豹子的规律| www.7707.cc-玩快三那个平台好贷| www.375888.com-欢乐彩票官方版下载| www.481841.com-幸运彩17500| www.556450.com-七星彩往期开奖记录| www.186083.com-快三作弊-| www.380565.com-什么的彩云-| www.406425.com-金利彩票不给提现| www.414108.com-关于精彩-| www.53ru.com-河南t乐彩-| www.764.in-高手破解时时彩| www.4005.vip-澳门彩票电脑版| www.987814.com-福利彩票29选七| www.2289.com-福彩3d九宝图| www.811878.com-福佳彩新加坡网站| www.020034.com-全民快三秘籍| www.652588.com-海外电竞博彩| www.744868.com-星光彩票注册| www.801992.com-吉林市打击黑彩| www.860475.com-江苏体彩排列三走势| www.905996.cc-篮球竞彩计算器| www.956958.com-hhk百彩网-| www.992196.com-福彩小黄人代理| www.cp9318.com-河北快三一定牛预测| www.kk69.cc-易彩堂在哪里下载| www.yp06.com-江苏省体彩中心| www.890699.com-6941彩票官网| www.4606.cc-彩票咋买才能中奖| www.051163.com-查彩票开奖公告| www.165766.com-怎么去福彩上班| www.258567.com-广东红快三开奖结果| www.127270.com-彩虹六号官网| www.105150.com-彩票查询开奖查询| www.490943.com-腾讯十分彩开奖| www.ik50.com-彩票中奖新闻| www.888294.com-网易彩票安装| www.983718.com-幸运快3是什么彩票| www.ey21.com-大发时时彩玩法技巧| www.sa78.com-彩票投资骗局揭秘| www.0gd.com-福彩双色球奖金规则| www.323726.com-彩票开奖查询走势图| www.198368.com-时时彩两号对赌| www.199337.com-全国快三app| www.987675.com-3d彩报彩乐迷| www.245338.com-易彩堂app邀请码| www.302329.com-七星彩前四位万能码| www.075760.com-天津十分彩开奖直播| www.811329.com-福利快三有什么规律| www.fr95.com-福利快三技巧| www.971222.com-南国彩票社区论坛| www.ou74.com-九州彩票骗局揭秘| www.532009.com-彩典宝厍-| www.ae51.com-甘肃福彩3d-| www.823662.com-福彩3d双彩图谜|