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.53369.cc-京东时时彩官网| www.190105.com-苏州快三今天开奖| www.733847.com-彩票预选走势图软件| www.941922.com-福利彩票双色规律| www.l99.net-七乐彩票官网| www.719709.com-河北快三彩经綱| www.39299.com-七星彩多少号开奖| www.7055.vip-河南七乐彩-| 大赢家彩票平台www.712250.com| www.375626.com-中国体育彩票任三| www.666670.com-彩典宝库苹果版| www.484840.com-彩量科技-| www.p10.shop-彩票翻身-| www.3043.org-福彩刮刮乐天天中| www.16397.cc-我去彩票站安全吗| www.263130.com-七乐彩奖池余额多少| www.340322.com-全民快三微信交流群| www.565086.com-牛蛙彩票导航网站| www.984338.com-体彩助手官网首页| www.ud71.com-快三中两个数字| www.96hn.com-胆略足彩精彩分析| www.8463.cm-大发彩票官方网址| www.cp201.com-正规的彩票网站| www.23lp.com-南充市福彩中心站| www.2405.top-彩票遗漏统计| www.587135.com-微彩排列5论坛| www.735262.com-体彩高频-| www.698948.com-彩铅画画颜色搭配| www.946701.com-问题彩民投机| www.292869.com-体彩泳坛夺金走势图| www.92996.com-红彩会平台怎么样| www.166548.com-快三中奖助手手机版| www.957195.com-金利网彩票-| www.8707.vip-快三全买多少个号码| www.16tq.com-福彩3d连线报| www.801085.com-2018世界杯体彩| www.947670.com-彩票作假穿帮的视频| www.ce31.com-快三对刷不亏| www.71lr.com-彩票站祝彩民祝福语| www.12344.cc-体彩大乐透怎样兑奖| www.5182.xyz-华宇京彩挂机| www.cp5.net-快三贵州开奖结果| www.xe40.com-七星彩软件下载| www.309550.com-体彩延边哪里领奖| www.768788.com-如何网上购彩票| www.880507.com-广西体彩11选5看| www.954793.com-彩巴助手-| 网易彩票www.332807.com| www.dl81.cc-五分快三计划平台| www.26vo.com-快三进群带玩| www.752697.com-彩票交流软件| 大赢家彩票平台www.221085.com| www.jn89.com-5亿彩官网下载| www.731643.com-怎么计算快三和值| www.126123.com-所有彩票开奖查询| www.033229.com-福建即时彩开奖结果| www.619211.com-山东福彩中奖规则| www.816058.com-澳门博彩诈骗| www.009820.com-新华网彩票推荐| www.577608.com-彩虹糖有几种颜色| www.125403.com-彩迷天地联销图网址| www.893949.com-彩牛彩票网安全吗| www.997255.com-竞彩足球官网| www.632.gg-918彩票注册平台| www.28392.cc-机选彩票大奖| www.456744.com-彩奇蛋蛋-| www.637406.com-福彩基金-| www.90ec.com-博彩公司精算师| www.69ot.com-福彩如何看中奖信息| www.871311.com-现在哪个网买彩票| www.971310.com-福彩刮刮卡怎么中奖| 55彩票www.755690.com| www.mn59.com-彩票快3主页| www.s82.cc-今晚福彩开奖号多少| www.857411.com-怎样玩彩票-| www.959054.com-3d字谜新彩吧| 500彩票网www.973709.com| www.0710.site-凤凰彩票代理政策| www.897.red-彩客网i-| www.344319.com-大发快三下期| www.272371.com-今期七星彩开奖号码| www.357267.com-公司赠送彩票中奖| www.86367.com-搞彩票倾家荡产| www.151527.com-彩票缩水的意思| www.258780.com-竞彩14场-| www.358407.com-彩运来app-| www.10643.com-足彩百家欧赔| www.18748.com-吉林快三变号| www.3650.org-石家庄彩票站转让| www.6528.org-体彩那种奖金高| www.5041.cc-福彩一个礼拜开几次| www.39838.cc-彩八软件下载| www.65su.com-移动手机彩票投注| www.768080.com-中国竞彩网官方网站| www.871458.com-买彩票多少钱| www.957574.com-彩乐透合法吗| www.cai6911.com甘肃快三最牛走势图| www.983416.com-幸运时时彩正规不| www.gv57.com-彩票代理下级开户| www.b92.org-江苏快三二同推荐| www.63gp.com-彩票七彩星开奖结果| www.3217.cc-中园体育彩票网站| www.bq03.com-七乐彩机选一注| www.xr50.com-身无分文买彩票| www.36np.com-七星彩中间值走势| www.5373.top-淘宝的彩票-| www.339024.com-时时中彩票助手| www.308191.com-淘宝商家卖彩票| www.318426.com-福彩双色球复式玩法| www.cp4949.com-上海福彩时时乐包胆| www.f11.xyz-中体彩-| www.05428.com-哪里有买彩票的网站| www.029642.com-博彩平台有哪些| www.724288.com-浙江快彩11选5| www.5357.biz-网上合法的彩票网站| www.8211.top-大彩票-| www.5467.pw-彩38官方网站网址| www.617525.com-福彩发号中心| www.700544.com-专业购彩大发彩票| www.789657.com-足彩打水-| www.859872.com-彩之云app下载| www.911637.com-福彩3d说明-| www.964212.com-彩票加倍买可以中吗| 福彩www.86267q.com| www.dw10.com-彩客彩票老版| www.ur55.com-找回365彩票| www.00hc.com-彩色生肉无遮挡大全| www.64dc.com-福彩3d2d玩法| www.682.biz-体彩兑奖时间| www.4060.cm-七星彩2281期| www.94qs.com-全国各地彩礼排行| www.261576.com-福彩天机图-| www.39157.cc-万富彩票-| www.904016.com-高频彩票投注网站| www.966351.com-福彩排三图米总汇| 凤凰彩票www.77801d.com| www.945205.com-快三最多开多少期小| 亚洲彩www.68568o.com| www.49cr.com-青岛七彩灯| www.3637.org-奇门遁甲藏干测彩票| www.537878.com-中彩网排列三走势图| www.611666.com-雨后彩虹歌词周杰伦| www.666496.com-快乐彩票不给提现| www.720200.com-七星彩生日选号| www.540700.com-福利彩刮刮乐图| www.009787.com-快乐公益竞猜彩票| www.6981.cn-彩票根本不会中奖| www.654167.com-百赢快三查询| www.444235.com-彩票公益素材| www.553818.com-竞彩足球延期赔偿| www.858023.com-中国彩票中心app| www.7211.com-彩虹六号版本区别| www.kf96.com-玩彩票wcp下载| 幸运彩票www.444219.com| www.34283.com-上海体育彩票app| www.81284.com-福彩昨晚出什么号码| www.118073.com-欧冠彩票预测| www.03550.com-七星彩可以赚钱吗| www.34449.cc-上海体彩开奖结果| www.157469.com-竞彩群-| www.75jk.com-彩票什么叫注| www.2060.net-体彩3d42-| www.062146.com-幸运快三能提现吗| www.045234.com-博发彩票app|