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.93597.com-微彩娱乐登录网址| www.33596.cc-新浪网足彩彩票频道| www.176845.com-时时彩报警后果| www.678174.com-万彩网-主页| www.016740.com-易旺彩票网下载| www.121379.com-河南休彩网-| www.z32.cc-彩票店如何提高销量| www.407799.com-彩票网址大全_导航| www.222060.com-7星彩预测最准号| www.380256.com-七乐彩走势图012| www.652873.com-三d众彩网专家预测| www.77899.com-福利彩票3d彩报| www.915256.com-竞彩足彩专家推荐| www.44ix.com-福彩3d胆码软件| www.62rf.com-ai足彩软件-| www.37dl.com-85彩票网靠谱吗| www.269097.com-98c彩票线路| www.4620.org-彩票是不义之财吗| www.12573.com-体育彩票缩水软件| www.3856.in-国家彩票管理规定| www.9922.red-解太湖福彩-| www.43659.com-中彩缘无锡快三| www.214719.com-福彩彩票-| www.419668.com-秒速时时彩有官网吗| www.583199.com-日本全彩污漫画| www.761553.com-福彩单双邀请码| 天天彩票www.7782u.com| www.715792.com-千里马彩票计划官网| www.827593.com-足球竞彩分析| www.914350.com-快三怎么打三不同号| www.974355.com-陕西福彩双色球玩法| www.fa4.cc-吉林快三害人不浅| www.46638.com-三彩女装怎么样| www.059836.com-天天彩票网站官方网| www.158241.com-彩票助赢计划| www.547559.com-博彩套路-| www.56hb.com-256买彩下载| www.051719.com-瑞彩祥云彩票怎么样| 快彩网www.378017.com| www.490023.com-永博国际网上彩票| www.278889.com-红牛彩票下载安装| www.383261.com-758彩票联系方式| www.518940.com-请说快三开奖结果| www.604167.com-5258竞彩网-| www.071.online-神奇彩票-| www.270378.com-高频彩票做私彩作弊| www.055456.com-福利彩票刮刮奖品种| www.595156.com-江西快三澳门| www.8501.shop-易彩娱乐注册账号| www.557130.com-快三大神带我回血| www.657124.com-网上购时时彩| www.0874.date-发彩票网站-| www.060778.com-中华彩票是真的吗| www.166067.com-快三走势图吉林| www.3414.vip-腾讯种彩大厅| www.480948.com-北京彩民中155亿| www.295252.cc-福彩快3改了| www.383811.com-彩票接口搭建| www.505945.com-体彩中心高管案件| www.583652.com-福彩走势软件| www.670687.com-彩色图片-| www.753017.com-狗万足彩怎么玩| www.828800.com-2m彩票-| www.893311.com-手机彩票过滤软件| www.959478.com-易彩网广西快3开挂| 乐彩网www.695756.com| www.987882.com-湖北福彩5d-| www.89072.com-网易福彩杀号定胆| www.478488.com-世界杯彩票最高奖金| www.343469.com-能试玩的彩票网| www.152602.com-浙江风采网竞彩区| www.270047.com-ok彩票安卓版| www.473223.com-福彩6十1生肖规则| www.560515.com-58快彩送彩金| www.7504.com-旺彩注册-| www.658582.com-中乐彩网址多少| www.906973.com-快三可以常赚吗| www.964818.com-南粤福彩近30期| 500万彩票www.98528f.com| www.he55.cc-728彩票下载| www.09xv.com-竞彩封盘时间| www.511716.com-彩票对打分红| www.11623.cc-高频彩计划客户端| www.55117.cc-送彩金多的棋牌| www.768788.com-如何网上购彩票| www.873197.com-58同城彩票-| www.953886.com-牛人彩票-| 趣彩网www.qucp2.com| www.501043.com-易彩云app-| www.597199.com-彩尊国际-| www.668688.cc-华人彩票登录网站| www.751034.com-九彩彩票-| www.874913.com-彩票6+1-| www.952812.com-七彩乐开奖号码| 500彩票www.324577.com| www.543251.com-双色球牛彩图迷| www.621467.com-彩皇网彩票预测| www.686668.cc-中国彩票客户端| www.753236.com-633彩票-| www.835197.com-中彩那天的文章| www.890936.com-体彩中奖怎么看| www.950791.com-噢克彩票网-| 爱彩www.008ac.com| www.zh6.com-传统彩票网站| www.sn74.com-网上彩票网被骗报警| www.046466.com-福利彩票站能否转让| www.166664.com-北京快三开奖号码| www.2873.xyz-彩鄂公路-| www.646957.com-精确的足彩口诀| www.755055.com-茶光福彩网点| www.855511.com-彩票中奖自述| www.952231.com-博众时时彩出售| 大赢家彩票www.599846.com| www.685503.com-贵宾中彩站-| www.5916.com-体彩主任是哪里人| www.36466.cc-乐彩客官网入口| www.88496.cc-彩票221-| www.971843.com-第一彩票下载| www.180258.com-广西快三遗漏| www.690257.com-体彩足球单关走势图| www.032814.com-福利彩票如何分真假| www.189469.com-广西体彩-| www.502588.com-多彩投非鱼-| www.26311.cc-彩吧彩票上的大神| www.oo31.com-3d彩吧图迷第一板| www.5977.club-网络彩票销售| www.41387.com-易彩彩票注册| www.898458.com-彩票扫描兑奖| www.965908.com-广发团队快三彩票| www.18km.cc-体彩周五开什么奖| www.35117.cc-彩票用的什么定律| 500彩票www.314677.com| www.dp78.com-上海快三遗漏数据| www.551322.com-凤彩网3d字谜汇总| 彩61www.651514.com| www.023586.com-七乐彩所有开史历史| www.532671.com-彩票六加一开奖时间| www.124157.com-福彩三d试机号码| www.186812.com-分分中彩票app| www.519577.com-93彩票app下载| www.466497.com-龙江福彩22选五| www.779378.com-菠萝彩论坛网址| www.787900.com-彩票兼职可信吗| www.700885.com-体彩实体店-| www.8941.net-七星彩停止销售时间| www.207130.com-华彩彩票骗局| www.021026.com-亿彩彩票时时分分彩| www.134340.com-好彩贵烟-| www.34766.com-软件玩快三是犯法| www.858495.com-即時開彩-| www.108464.com-赢钱彩平台-| www.cp3322.com-每天快三秒-| www.31313.cc-呼市中双色球彩票| www.54238.com-全天88时时彩| www.305864.com-也买彩骗局| www.228260.com-许昌彩礼-| www.521890.com-喝彩中华霍尊| www.960221.com-500go彩票-| www.62ys.com-彩票网站需要维护吗| www.259635.com-福彩选号器助手| www.476878.com-福利彩票129期| www.610819.com-腾讯分分彩在个网买| www.606560.com-福彩25选7奖结果| www.26839.cc-七星彩怎样看规律|