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.ap16.com-贵州彩票最大奖| www.150193.com-保定体彩电话400| www.285399.com-买快三什么意思| www.361766.com-网易彩票提现| www.456296.com-腾龙时时彩做号新版| www.553112.com-旭辉研彩下载地址| www.630486.com-彩乐爆安全吗| www.705235.com-福利彩票兑奖了好吗| www.801004.com-3d彩涂第一版| www.zh79.com-分分彩定位两期必中| www.035923.com-彩票用语双飞| www.145895.com-金手指彩票-| www.234705.com-彩500是什么软件| www.757301.com-体彩8号店-| www.885898.com-快三概率软件| www.44vs.com-uc彩票平台怎么样| www.156293.com-重庆时时彩实时开奖| www.21113.com-多赢彩票官方网| www.38513.cc-彩票提现到支付宝| 6号彩票www.5484f.com| www.82982.cc-500彩票网| www.202526.com-贵州福利彩票招聘| www.u18.site-深圳体彩大乐透| www.69884.cc-如何看彩票走势| www.004474.com-竞彩胆拖可以打吗| www.322582.com-博彩app哪个正规| www.835322.com-香港好彩烟哪种好| www.952851.com-南洋乐和彩开奖现场| www.al31.com-查询彩票开奖查询| www.j89.cn-今日福彩藏机诗汇总| www.80ab.cc-金誉彩票平台代理| www.4593.org-天天中彩票还能买吗| www.68844.cc-中国彩票中奖概率| www.18ke.com-福彩天天-| www.2253.com-今天安徽快三开奖| www.13214.com-号百彩票千亿彩票| www.oi71.com-彩票微信什么群| www.502212.com-彩票对冲套利违法么| www.239119.com-彩私纺织-| www.348767.com-彩经网一搜狗| www.645561.com-女人梦见买彩票中奖| www.726851.com-易彩网字谜手机版| www.cp3433.com-河南彩色混凝土| www.vl98.com-河北快3彩票空| www.19cc.com-百合男骗局彩票股市| www.0121.me-春秋彩票取不了钱| www.554501.com-肇庆福彩点赞| www.4052.cn-彩票幸运选号模拟器| www.21929.cc-刷彩单-| www.29899.cc-体彩大乐透诗谜| www.018566.com-强强彩票破解软件| www.ug44.com-输入彩票号自动查询| www.41et.com-安庆市福彩中电话| www.37hr.com-dd彩可信吗-| www.0416.org-好运快三遗漏数据| www.380226.com-彩金套链图片| www.580423.com-彩票的走势怎么看| www.723631.com-镇江体育彩票| www.802652.com-北京福彩兑奖大厅| www.881182.com-彩票邀请码大全群| www.983355.com-体彩都有什么彩种| www.hc27.com-彩8骗局-| www.a89.com-永利彩票平台怎么样| www.230668.com-728彩票-| www.80xe.com-中国福利彩票试机号| www.002052.com-各种釉彩大瓶资料| www.412087.com-福彩日期-| www.532458.com-七星彩大奖票样| www.602004.com-香港快乐十分彩| www.667742.com-什么彩票中的几率大| www.745985.com-五福彩app下载| www.829595.com-53彩票app下载| www.912873.com-体彩三d试机号| www.986049.com-中国足彩网最新版本| www.dj09.com-七乐彩玩法介绍及| www.65554.cc-杏彩官网注册| www.748298.com-淘彩网是正规的吗| www.825567.com-珠海快三查询| www.920852.com-优乐彩手机版下载| www.988955.com-迅盈彩票官网下载| www.kz49.com-澳门彩-| www.81oj.com-足彩单关配玩法| www.7117.loan-仲博彩票是骗局吗| www.87813.cc-富豪城彩票-| www.lq75.com-微彩app-| www.kf01.com-福利彩票奖金多少| www.37656.cc-网络彩票怎么做庄家| www.002955.com-福彩3b字迷总汇| www.0279.cm-时时彩梭哈技术| www.9019.wang-天天中彩票怎么样| www.38427.cc-好彩香烟蓝色| www.528849.com-体育彩票返点时间| www.181256.com-吉林快三玩法说明| www.256633.com-正规的彩票软件网站| www.526850.com-代打彩票有风险吗| www.77427.com-体育彩票店赚钱吗| www.320698.com-快三电视版走势图| www.26993.cc-彩票助手app下载| www.70039.com-专打竞彩让胜| www.378055.com-3抵制天价彩礼3| www.482695.com-什么是豆彩瓷器| www.247888.com-长城彩票app| www.339772.com-彩票宝买彩票可靠吗| www.442457.com-老北京彩梅布鞋| www.522360.com-时时彩账号追杀| www.578689.com-好彩堂论坛下载| www.634634.com-广西七乐彩开结果| www.703886.cc-爱彩爱彩乐十一选五| www.769677.com-分分彩组三-| www.840336.com-彩票ab-| www.902142.com-河南幸运彩开奖当天| www.956868.com-欧洲彩票5加2| 众发彩票www.979zf.com| www.4196.org-七彩课堂语文电子版| www.13113.cc-竞彩足球比分前瞻| www.824048.com-南京三彩折扣店| www.890106.com-官方高频彩开奖网| www.955376.com-凤凰彩票开挂软件| 爱彩www.008ac.com| www.994807.com-好彩客苹果版搜不到| www.uq40.com-内蒙快三预测彩乐| www.1988.website足彩任九错一场| www.059302.com-彩票排列五开奖号码| www.132679.com-竟彩首网-| www.330861.com-彩神iv邀请码| www.4349.vip-福彩3d大报纸| www.cai6911.com甘肃快三最牛走势图| www.30os.com-彩虹网秒赞平台| www.586958.com-最新亿彩彩票下载| www.69038.com-众博彩票骗局揭秘| www.6309.shop-3d彩报图今天今日| www.122875.com-一线彩票骗局揭秘| www.696007.com-福彩万能七码| www.821565.com-佩奇彩票骗局| www.887328.com-038彩票下载网站| www.948073.com-江西福彩开奖号码| www.984868.com-玩长城彩票挣钱吗| www.cp102.com-一分快三彩票软件| www.019277.com-彩票中奖历史查询器| www.1260.xyz-大华彩票无法提现| www.yz03.cc-彩票澳门快三| 爱彩www.1333ac.com| www.196323.com-中国手机彩票网站| www.308232.com-足彩竞猜结果查询| www.9959.loan-河北各地彩礼| www.92228.cc-福利彩票三d迷面| www.059109.com-竟彩即时比分| www.128092.com-微信福利彩票群英会| www.966506.com-彩票什么种型| 99彩票www.296979.com| www.603211.com-下载彩票彩宝| www.659939.com-时彩开奖号码| www.11tk.com-体彩天下评论| www.595522.com-310版本彩客彩票| www.692307.com-7k彩票57177| www.51209.com-58彩票ios-| www.456738.com-蛋蛋彩画-| www.558452.com-彩铅画古风美人| www.622067.com-久久彩票怎么下载| www.689727.com-国家卖彩票赚钱吗| www.770478.com-河北福彩排列5和值| www.849499.com-体育福彩-| www.949763.com-中华彩票李迎| www.hj23.cc-买彩票软件下载|