QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 导航菜单 > jQuery芝麻信用官网导航和图片轮播布局代码

原创商用 jQuery芝麻信用官网导航和图片轮播布局代码

jquery.SuperSlide.js制作芝麻信用官网网页顶部导航菜单和宽屏图片轮播切换组合布局代码。一款非常实用大气的网站顶部导航和图片布局样式代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权保护,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/jquery.SuperSlide.2.1.1.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代码

<div class="m-head">
	<div class="m-head-slider">
		<a href="#"></a>
	</div>
	<div class="m-head-bar">
		<div class="c-wrapper">
			<a href="#">帮助中心</a>
			<a href="#">登录</a>
			<span>|</span>
			<a href="#">免费入驻</a>
		</div>
	</div>
	<div class="m-head-nav">
		<ul class="c-wrapper">
			<li class="m-head-nav-logo">
				<a href="#"><img src="statics/images/logo.png" alt="LOGO"></a>
			</li>

			<li class="m-head-nav-item  active">
				<a href="#">首页</a>
			</li>

			<li class="m-head-nav-item  ">
				<a href="#">信用服务</a>
			</li>

			<li class="m-head-nav-item  ">
				<a href="#">行业方案</a>
			</li>

			<li class="m-head-nav-item  ">
				<a href="#">产品中心</a>
			</li>

			<li class="m-head-nav-item  ">
				<a href="#">开发接入</a>
			</li>

			<li class="m-head-nav-item m-head-nav-right ">
				<a href="#">我的商家服务</a>
			</li>

		</ul>
	</div>
</div>
<div class="index-top">
	<div class="m-carousel slideBox">
		<div class="bd">
			<ul class="m-carousel-list">

				<li style="background-image: url(statics/images/slider1.jpeg);">
					<a href="#">
						<h2 class="c-line-clamp m-carousel-title">“信用+”是下一个十年最大的商业红利</h2>
						<p class="c-line-clamp m-carousel-note">信用驱动的消费升级趋势</p>
						<p class="m-carousel-btn">了解更多</p>
					</a>
				</li>

				<li style="background-image: url(statics/images/slider2.png);">
					<a href="#">
						<h2 class="c-line-clamp m-carousel-title">芝麻企业信用招募令</h2>
						<p class="c-line-clamp m-carousel-note">共享企业福利 助力小微成长</p>
						<p class="m-carousel-btn">了解更多</p>
					</a>
				</li>

			</ul>
		</div>
		<div class="c-carousel-dot hd"><span class="active"></span><span></span></div>
	</div>
	<div class="index-top-bar">
		<div class="c-wrapper">
			<div class="c-row">
				<div class="c-col16 index-top-news">
					<h6>芝麻新闻</h6>
					<ul class="c-gap-top-small">

						<li class="c-line-clamp">
							<a href="#">· 信用无形资产可“变现”阿里巴巴企业诚信体系引入芝麻信用</a>
						</li>

						<li class="c-line-clamp">
							<a href="#">· 我国381个城市已开通信用免押服务</a>
						</li>

					</ul>
				</div>
				<div class="c-col4 index-top-media">
					<h6>关注我们</h6>
					<div class="c-gap-top-small">
						<i class="c-icon"><div class="index-top-media-qrcode index-top-media-qrcode-alipay">关注支付宝生活号</div></i>
						<i class="c-icon"><div class="index-top-media-qrcode index-top-media-qrcode-wechat">关注公众号</div></i>
						<i class="c-icon"><div class="index-top-media-qrcode index-top-media-qrcode-weibo">关注微博</div></i>
					</div>
				</div>
				<div class="c-col4 index-top-tel">
					<h6>服务热线</h6>
					<p class="c-gap-top">
						<a href="#">0571-88158055</a> 转 2</p>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".slideBox").slide({
		mainCell: ".bd ul",
		titCell: ".hd span",
		titOnClassName: "active",
		effect: "left",
		autoPlay: true,
		trigger: "click"
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
密歇根神奇彩票 www.105122.com-新浪爱彩足球比分| www.533908.com-七乐彩落球顺序| www.626376.com-鑫彩美缝剂多少价位| www.623751.com-春秋彩票苹果手机版| www.47835.com-快三计划qq计划群| www.425644.com-辽宁省彩票报纸大全| www.949746.com-今日彩票下载安装| www.ix92.com-中国体育竞彩网| www.152042.com-掌中彩手机版| www.8pi.com-南京市彩票店转让| www.297000.com-彩票k线趋势软件| E彩堂www.9818f.cc| www.571329.com-彩票3d2码软件| www.908644.com-彩票试玩平台网址| www.992316.com-中彩国际-| www.gr99.com-306彩票下载| www.f13.online-七星彩万字表| www.37yx.com-彩陶王酒多少钱| www.460095.com-炫彩油画是传销么| www.558794.com-富贵彩app骗人| www.633583.com-468彩票官网| www.029893.com-福彩3d彩吧图谜一| www.838675.com-北京福彩网彩好吗| www.779719.com-彩票实战讲座1| www.893701.com-安徽快三和值走势| www.976433.com-河南各地彩礼标准| www.nx.cc-彩票怎么买才能中奖| www.520285.com-福彩3d陈华胆码| www.886070.com-手机彩库宝典app| www.x68.in-106官方彩票下载| www.079639.com-体彩飞鱼游戏| www.671481.com-手机彩宝网app| www.780488.com-腾讯彩票竞猜| www.866055.com-重庆时时彩智能追号| www.948522.com-下载旺彩-| 开心彩票www.ck6787.com| www.ek62.com-中国彩吧更懂彩民丨| www.wl57.com-彩票开奖源码手机版| www.27ph.com-博都彩票-| www.379811.com-黑客更改彩票| www.507237.com-鸣彩艺术传媒| www.576204.com-三d字谜牛彩摘网| www.581160.com-2元彩票走势| www.16400.com-彩客app是真的吗| www.03jx.com-558赢彩下载链接| www.102357.com-qq彩票谁代理的| www.3310.tv-关于彩票的搞笑图| www.21155.cc-大发时时彩必中计划| www.583797.com-下载人人中彩| www.654365.com-抚州市彩票销售点| www.731355.com-易彩堂破解器| www.803801.com-海南彩票app下载| www.880192.com-福彩家彩网专家杀码| www.947961.com-体彩七星彩推荐号码| www.995984.com-足彩19050预测| www.as41.com-一分钟网络彩票| www.sy69.cc-吉林快三微信群骗局| www.288820.com-快三中了两个号| www.359093.com-双色彩票推荐号码| www.38332.cc-大赢家购彩平台骗局| www.35657.cc-成功彩票平台| www.949692.com-福彩网平台软件下载| www.cp3636.com-河南体彩481| www.673156.com-彩神app苹果版| www.739694.com-pg11苹果彩票网| www.814388.com-巨人彩票怎么注册| www.886372.com-好运来时时彩计划| www.955266.com-80彩app下载| 乐迎彩票www.629965.com| www.8663.live-体彩p3杀码最好| www.44155.com-彩民彩票无法提现| www.081612.com-彩票中大奖图片| www.188606.com-内蒙古快三助手| www.692617.com-移动手机彩票积分版| www.818871.com-彩票筛选-| www.936928.com-海南五星彩开奖结果| 凤凰彩票www.88266r.com| www.cm7.com-北京福彩快三一定| www.0400.vip-体彩直选三-| www.890006.com-nba篮彩推荐微博| www.975637.com-哈尔滨福彩兑奖规则| www.qj03.com-好彩1玩法技巧| www.08rb.com-体育彩票合买中奖| www.359.org-彩票511乐艺| www.nm23.com-竞彩足球app软件| www.96671.cc-时时彩海南私彩玩法| www.130820.com-福彩3d怎么手机买| www.252590.com-中彩网计划群| www.446003.com-快乐彩20选1| www.89pu.com-数字彩算法-| www.70533.com-彩运8合法吗| www.266103.com-河北燕赵福利彩票| www.303119.com-苏州快三是正规的吗| www.761078.com-男女结婚彩礼钱| 易彩集团www.25688j.com| www.4197.biz-七彩是啥彩票| www.8686.live-七星体彩中奖号码| www.313154.com-网购彩票哪个网站好| www.180252.com-玩快三犯法吗| www.252884.com-大中华彩票快三| www.536017.com-体彩店网名-| www.151663.com-多乐彩票-| www.267708.com-中国竞彩官网网址| www.93126.com-大乐透彩宝贝网| www.184384.com-福彩3d开机号| www.021406.com-爱中彩票app下载| www.865238.com-女生说玩彩什么意思| www.cai0244.com彩票快3开奖查询| www.893712.com-彩牛彩票app下载| www.718303.com-彩库宝典2013| www.20112.com-深圳风采福利彩票| www.254681.com-uu直播彩票破解| www.350840.com-连连中彩票-| www.132783.com-体彩世界杯竞猜玩法| www.159259.com-小v彩仙网址| www.146601.com-福星福彩预测| www.670846.com-色彩调和-| www.838386.com-苏州快三结果预测| www.987820.com-彩票加注和倍投区别| www.e39.top-体彩nba分析预测| www.03029.com-江苏快三一注多少钱| www.068511.com-晨兴彩票是小平台吗| www.252556.com-大中华彩票手机版| www.5073.cc-百万彩友官网| www.096333.com-排三预测众彩网| www.7407.loan-色彩静物构图| www.66478.com-百乐彩赚钱吗| www.087327.com-88彩票官网-| www.u07.club-福彩3d彩藏机诗| www.316520.com-新浪爱彩旧版| www.479369.com-竞彩足球加奖有吗| www.760146.com-六福彩票官方代理| www.740836.com-28彩官方app| www.202445.com-福彩网怎么下载| www.st86.com-长期盈利时时彩秘诀| www.135897.com-竞彩胜负平计算器| www.210410.com-黑彩快三漏洞| www.715707.com-两元彩票一般几位数| www.775553.com-香港彩富网| www.903969.com-大发彩票客服| www.956559.com-手机彩票应用软件| www.995800.cc-统计学足彩| www.cr7.cc-福彩的理念-| www.525635.com-360彩票网网| www.36302.com-百乐彩骗局-| www.703625.com-宝彩是不是骗局| www.953456.com-安徽七乐彩开奖号码| 网易彩票www.36788k.com| www.ti85.com-福彩22选5走势图| www.16141.com-现任体彩主任| www.031150.com-双色球字谜彩票| www.888371.com-七星彩今晚推荐号码| www.dh04.com-我的彩票开奖| www.6514.biz-19026期胜负彩| www.56139.cc-彩票打一生肖| www.249282.com-购彩彩票-| www.353518.com-q彩app登录-| www.510211.com-彩霸王三肖六码| www.589129.com-成都市体彩中心地址| www.67oa.com-爱竞彩官网首页| www.10813.com-竞彩足球比分投注| www.720610.com-彩票可以买数字0吗| www.783121.com-腾讯分分彩坑人规律| www.837847.com-岩棉彩钢板厂家|