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天

知道了
9彩注册 www.4086.org-550彩票app-| www.1409.vip-76c财神彩票| www.39695.com-重庆时时彩助手| www.017882.com-投彩网c97下载| www.609090.com-678cc彩票-| www.21sc.com-哈尔滨彩票大王视频| www.641594.com-福彩双色球宣传图| www.997361.com-58彩票苹果版下载| www.8dv.com-中大奖彩票故事| www.0080.cm-2d福彩中奖-| www.12733.cc-红神体彩下载| www.51525.cc-快开型彩票都有那些| www.517921.com-福利彩票谁抓了| www.716350.com-k8彩票平台-| www.sm12.com-时时彩和值规律| www.8802.org-彩票预测哪个软件好| www.103403.com-手机版乐彩网| www.m50.org-彩皇网app-| www.7039.vip-最新竞彩258球迷| www.067628.com-宏图娱乐彩票骗局| www.763786.com-足彩app外围| www.4qc.com-昆山体育彩票| www.177645.com-五分快三全天计划| www.78987.com-上海福彩王-| www.018745.com-旭彩文学网-| www.105398.com-牛票票彩票晒票了吗| www.799505.com-开发一个彩票app| www.937826.com-体彩19015体彩| 盛大彩票www.ca2932.com| www.1335.vip-亿游网彩票平台| www.507853.com-梦彩票查询-| www.386259.com-四川南充福利彩票| www.444793.com-如果你彩票中奖| www.701799.com-彩票系统漏洞黑客| www.900090.cc-22彩票苹果手机版| 博通彩票www.606674.com| www.665483.com-网易开奖直播七星彩| www.755735.com-民彩网彩民提供可靠| www.838212.com-才峰竞彩团队| www.907365.com-重庆时时彩赚钱团队| www.992027.com-湖北福彩有几种玩法| www.ac05.com-1分快三计划今天| www.qo22.com-福彩双色球作假视频| www.55dw.cc-彩票33-| www.0352.pro-彩吧网双色球下载| www.777577.cc-合买大厅彩票源码| 吉利彩票www.80075g.com| www.053161.com-时时彩刷流水技术| www.643998.com-四季彩平台下载| www.798886.com-足彩让球胜平负查询| www.xc98.com-大乐透家彩网| www.62319.cc-浙江快乐彩直播| www.293087.com-彩票游戏代打专员| www.060308.com-快三数链-| www.sk39.com-时时彩全包号赚不赚| www.8327.wang-海南七星彩规则| www.936212.com-重庆五星彩票| www.512820.com-好运来彩票骗局| www.781339.com-沉迷微信群黑彩| www.856398.com-彩票反买是什么意思| www.934533.com-河内五分彩精准计划| www.994545.com-泜彩电子走势图| www.ut8.com-安徽快三胆拖玩法| www.vo72.com-排三体彩专家预测| www.10cn.com-云彩店足彩app| www.754328.com-网上买足彩平台软件| www.835286.com-蓝色炫彩油画| www.910281.com-彩吧彩报预测版| www.973498.com-足球彩票腰折怎么算| www.cp7318.com-湖北快三爱彩乐| www.296568.com-江苏快三是不是官方| www.387221.com-ag彩票下载安装| www.129875.com-代买彩票违法么| www.9846.pw-古建亭子彩绘图案| www.97187.com-竞彩足球停售| www.022751.com-福彩3d断组大全| www.78120.com-九州彩票网靠谱吗| www.719165.com-彩虹短句-| www.826563.com-买彩票的都是穷人| www.890439.com-彩76-| www.lo17.com-经彩票网-| www.j77.xyz-深圳福彩中心地址| www.41dd.com-过年彩票停售几天| www.876696.com-体彩p3开奖视频| www.917556.com-快乐彩票三| www.288971.com-买4张彩票中5亿| www.379792.com-彩票机没有信号| www.509725.com-稫利彩票-| www.871891.com-江苏利彩开奖结果| www.953214.com-福彩快-| www.997614.com-彩娃app安卓| www.ys5.cc-广西快三最大遗漏| www.rc50.com-网上如何买彩票| www.3so.cc-做彩票软件销售| www.55hs.com-海南七星彩论| www.737276.com-众彩网子墨预测| www.26300.cc-有人带我玩七星彩| www.64753.com-竞彩怎么防冷| www.027059.com-一寸彩照是什么底色| 网易彩票www.061wy.com| www.8046.com-水彩颜料创意画| www.682538.com-胜率高的足彩公众号| www.775869.com-91彩票计划网站| www.856613.com-七星彩论坛码王驾到| www.919071.com-神州快三-| www.982277.com-3d福彩图库-| www.xr77.com-买彩票最佳时辰| www.28rw.com-天禧彩票网正规吗| www.03bs.com-澳门彩票手机版足球| 乐博彩票www.67258c.com| www.394857.com-今天那些彩票开奖| www.698844.com-6加1彩票规则| www.827991.com-小站宝彩票app| www.943726.com-百盛彩票-| www.el09.com-中国彩吧更懂| www.3qq.com-京彩软件下载| www.001.gg-中彩吧娱乐登录| www.661421.com-日本彩票30秒开奖| www.023244.com-体彩官网哪家卖得好| www.560995.com-乐彩十分快三遗漏| www.659590.com-6号彩票是干嘛用的| www.3331.tv-全彩色漫画-| www.86595.cc-聚丰彩票下载安装| www.03075.com-中彩彩票中福快三| www.226914.com-韩国彩票开奖| www.134798.com-缅甸好彩双爆一包| www.801155.com-富民彩票合法吗| www.908002.com-天下彩与彩票| www.973494.com-手机彩膜图片原图女| www.655833.com-快三咋样才能中奖| www.717847.com-胜平负彩客网| www.sm12.com-时时彩和值规律| www.nm02.com-吉林快三单期计划| www.116171.com-兰州今天快三走势图| www.190.com-彩铅画图片大全及| www.3793.pw-粤海开开心心彩票网| www.374255.com-306体彩下载软件| www.476526.com-网络投彩票是真的吗| www.549305.com-足彩中奖如何兑奖| www.606283.com-国内禁止彩票| www.664689.com-黑客彩美-| www.724600.com-网上买卖彩票犯法吗| www.787595.com-御龙彩票-| www.861811.com-体彩店装修内部图| www.906758.com-盈盈彩app下载| www.961497.com-彩票中奖绝招| 158彩票www.158cp.com| www.62ov.com-中国体彩能网上买吗| www.275393.com-今日头条彩票| www.cai8377.com彩票开奖双色球| www.995104.com-五分彩官网平台| www.ld45.com-中彩彩票怎么邀请码| 大赢家彩票平台www.109075.com| www.71vu.com-助手本子全彩无翼鸟| www.7025.biz-属马彩票选什么数字| www.794677.com-彩票二维码的秘密| www.857311.com-gc国彩下载-| www.903638.com-赢彩票靠谱吗| www.965415.com-福彩极速3d-| 购彩网www.917gc.com| www.8177.tv-福彩3d蓝精灵彩报| www.24588.cc-海南七星彩奖表下载| www.0721.com-彩票跟单收佣金兼职| www.946161.com-福建体育彩票app|