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.280896.com-天津时时彩软件分析| www.98344.com-彩礼钱一般包括什么| www.020461.com-35彩票登录网址| www.736433.com-简单彩铅画风景| www.1870.cc-体彩提现多久到账| www.4783.cm-福彩开奖j结果| www.773362.com-送彩金38棋牌游戏| www.cai01.cc-快三过五是啥意思| www.11753.cc-高频彩黑平台| www.63fw.com-海南体彩4十1论坛| www.4064.org-9w彩票新版本| www.256611.com-彩乐下载-| www.276251.com-彩票大小走势怎么看| www.520974.com-体彩7位数中奖查询| www.862160.com-新宝彩票6-| www.g02.online-发达彩票是正规的吗| www.952042.com-幸运五分彩开奖直播| www.02mz.com-微信彩票足球世界怀| www.1415.in-重生洪荒之九彩凤凰| www.23927.cc-双色球众彩网预测| www.182804.com-彩票快3怎么玩中奖| www.379047.com-潢川福彩中奖| www.591785.com-竞彩官方和澳门对比| www.443884.com-所谓色彩三要素| www.360621.com-彩票店能买快三吗| www.535120.com-全民彩票时时彩| www.658583.com-中乐彩几个网址| www.498027.com-五分彩有什么技巧| www.626266.com-下载彩民之家| www.706380.com-易算时时彩计算公式| www.810107.com-必赢彩票安全吗| www.973595.com-手机反光彩膜| www.ht86.com-彩乐汇提现是真的吗| www.213090.com-十大黑彩平台软件| www.562709.com-合法高频彩-| www.677019.com-彩色印刷包装袋| www.376118.com-体彩排三跨度走势图| www.562659.com-九歌彩票站合不合法| www.654859.com-时时彩网投群| www.789707.com-彩票试玩人员骗局| www.896736.com-派彩网11选5| www.257623.com-爱乐彩票是真的吗| www.250618.com-中彩啦买彩票安全吗| www.338897.com-118彩票登陆| www.168845.com-发彩大厅-| www.676925.com-湖北快三追号计算器| www.202084.com-江苏快三历史开奖| www.332024.com-福彩十选五骗局| www.776063.com-火箭彩票下载安装| www.891731.com-双色球彩票预测| www.024941.com-澳门快三真假| www.1426.cm-小班体育游戏彩虹伞| www.14yd.com-彩8怎么解绑银行卡| www.244120.com-福彩p62走势图| www.796225.com-玩彩票输的倾家荡产| www.878962.cc-五位数的彩票| www.971482.com-彩票1分钟开奖的是| 大中华彩票www.910997.com| www.0738.cn-01彩票是怎么回事| www.916312.com-体彩22选5走势图| www.988012.com-01cc官方彩票网| www.078606.com-福彩群英会开奖| www.133906.com-好彩网今晚一注预测| www.28aa.com-全彩漫画琴女之家| www.cn15.com-东北人玩彩三天计划| www.yf09.com-4567彩票-| www.36hz.com-最新七星彩试机号| www.526213.com-怎么查询足彩受注量| www.639274.com-昆山彩票店生意转让| www.40768.com-彩票一号平台登录| www.06663.cc-体彩多邦预测| www.7ng.com-彩票匿名领奖| www.2073.pw-旺彩百家-| www.578534.com-深圳凤凰彩票网首页| www.903766.com-万豪彩票官方网站| www.cr53.com-彩客站-| www.n99.wang-免费分分彩挂机软件| www.18388.com-好彩网是真的吗| www.258079.com-快三网赚平台| www.829910.com-彩票预测大师软件| www.980703.com-福彩店转让协议| www.sj27.com-快三怎么算中奖号码| www.178001.com-内蒙古快三预测杀号| www.4302.win-福彩数字3-| www.35743.com-518cpcc彩票| www.091799.com-百万彩票幸运快三| www.989708.com-湖北福彩快三新| www.8db.cc-152彩票软件| www.16jo.com-k彩彩票账号| www.0591.tv-福彩第2版-| www.881402.com-利记博彩特点| 酷彩网www.89929.cc| www.sr19.com-台湾时时彩骗局揭秘| www.kh08.com-福彩中奖号-| www.62.cn-正规高频彩开奖网站| www.196308.com-快3彩票网站彩入口| www.323845.com-乐彩站app合法吗| www.127249.com-彩铅初学-| www.681590.com-聚象彩-| www.630996.com-彩运宝体彩店下载| www.457839.com-周六安徽体彩大乐透| www.zx19.com-彩虹棋牌比机有挂吗| www.39871.com-彩票巴士注册推广码| www.327355.com-福彩神牛七乐彩预测| www.456026.com-红菜苔彩票平台买| www.582520.com-喜彩娱乐网-| www.696077.com-竞彩十四场开奖| www.830153.com-盈彩网如何注册| www.528550.com-彩神vl可靠吗| www.776773.com-台湾福彩经典报| www.876805.com-彩票助赢软件苹果版| www.978524.com-好彩店彩票正规吗| www.wi57.com-彩神幸运飞艇| www.53jy.com-2mcc彩票下载| www.333044.com-爱彩票网比分| www.126516.com-19049足彩大势| www.91329.cc-lol炫彩皮肤| www.7156.biz-enzo彩宝值钱吗| www.022022.cc-彩宝网首页彩| www.292819.com-广西福彩发行中心| www.421274.com-洛阳金手指足彩推荐| www.684029.com-49彩票集团风控| www.035117.com-qq7彩票官方网站| www.57335.com-网上购彩哪个最安全| www.325852.com-新浪竞彩比分直播| www.772.mobi-彩神1是骗人的吗| www.5317.cc-布吉体育彩票转让| www.55033.cc-百合网彩票骗子| www.028535.com-博友彩平台app| www.408284.com-体彩大乐透几号放假| www.568612.com-手机上彩票赚钱吗| www.tf50.com-私自转让体彩后果| www.td89.com-时时彩倍投计算器| www.76hb.com-兴华彩票app下载| www.oh06.com-河南巨奖彩票| www.245493.com-易彩彩票快三| www.348605.com-搜索乐彩网| www.251622.com-旺彩大乐透专业版| www.6623.net-二十选五福彩| www.7907.vip-生肖彩结果-| www.646715.com-福彩3d职业玩家| www.577589.com-七星彩预测头尾| www.860991.com-好彩1开奖号码| www.266751.com-体彩排列3试机号| www.385603.com-大发快三精准带回血| www.538976.com-快三如何选号| www.062805.com-竞彩足彩专家推荐| www.761666.cc-大玩家彩票平台| www.899585.com-天天中彩票大神跟单| 发彩www.50732f.com| www.659675.com-大通彩票直播网址| www.885917.com-内蒙福利彩票站利润| www.714211.com-最牛时时彩后一计划| www.926385.com-彩票价格多少| www.rc94.com-61彩票-| www.283881.com-几种彩票-| www.402188.com-乐购在线买彩票| www.992192.com-足彩推荐澳客| www.h18.com-彩票身边中奖| www.8855.cm-中国彩票第一狂人| www.8898.tv-福彩三d天齐网| www.332440.com-彩票骗局大揭秘| www.424724.com-大赢家彩票网址下载| www.846010.com-万博app足彩下载|