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天

知道了
彩01彩票 www.248067.com-彩票销售系统| www.el16.com-一分快三免费下载| www.972213.com-五分彩个位和值| www.cp622.cc-注册快三平台官网| www.713030.com-彩票试玩平台| www.428761.com-竞彩足球胜平负| www.964349.com-彩票怎么看才懂| www.vi0.cc-乐和彩开奖app| www.vd24.com-49彩票会员登录| www.246778.com-云南有福彩快三嘛| www.fv2.cc-时时彩最快开奖| www.652697.com-彩之网实时统计数据| www.55ff.cc-pk彩票开户-| www.9027.biz-cba篮球彩票| www.471062.com-香港三色彩开奖| www.392051.com-关小刀足彩-| www.69335.cc-3d彩票计算方法| www.509173.com-彩民交流区-| www.80em.com-重庆时时彩数字口诀| www.184.biz-大发彩票总部电话| www.634523.com-兔毫盏能养出彩吗| www.142933.com-8彩app安全吗| www.og15.com-福彩快3线上投注| www.334427.com-快钱彩票有人赢钱吗| www.527644.com-时时彩刷流水犯法吗| www.62500.com-华夏彩票计划真假| www.058400.com-福彩双色球开奖下载| www.089131.com-快三杀号专家最准确| www.79303.com-华彩生活-| www.842826.com-中国足彩在线的微博| www.250750.com-全中彩票ios下载| www.372323.com-肥东体彩-| www.533774.com-七星彩随机选号软件| www.620046.com-釉中彩的碗好不好| www.706381.com-山东体彩网技巧论坛| www.9077.online福彩三地太谜语| www.098912.com-福利彩票大奖| www.643499.com-信彩娱乐登录注册| www.7033.net-篮彩改-| www.56tc.com-汕头体育彩票中心| www.1074.xyz-彩票遗漏图数据分析| www.r55.cn-博大彩票是不是真的| www.218214.com-阿里彩票是骗局| www.75657.com-飞鱼彩票输了很多钱| www.968935.com-澳门的软彩金手镯| www.119400.com-8号彩票论坛马会| www.306019.com-彩票下载苹果| www.0968.cn-体彩微信带单| www.623958.com-彩快三官方网手机网| www.110905.com-彩票微信群二维码| www.56996.com-重庆时时彩赢钱秘诀| www.962670.com-山东齐鲁福彩双色球| www.643062.com-七乐彩三十期开奖号| www.914318.com-全球彩票苹果版| www.zz07.cc-上海体彩申请| www.08180.cc-彩票投注站怎么样| www.08421.com-陕西福彩网开奖结果| www.513512.com-彩票多长时间一期| www.009790.com-中国福彩手机版| www.138148.com-云南体彩网官网| www.173654.com-大发快三提现不了| www.2762.cn-唐山福利彩票| www.21768.com-中国有人中过彩票吗| www.62900.com-彩1彩票下载安装| www.032090.com-足彩跟单技巧| www.256729.com-中彩网怎么买彩票| www.20959.com-新益恒彩票骗局| www.86336.cc-三彩2019春装| www.0056.cn-时时彩连中二十把| www.95684.com-买体彩好还是福彩好| www.101516.com-快中彩玩法-| www.2159.top-彩票广告贴怎么弄掉| www.9468.vip-美国彩票最大| 盛彩网www.41518a.com| www.ms89.com-旺彩双色球苹果版| www.698591.com-k彩网速-| www.665733.com-快三开奖网完整源码| www.751609.com-360彩票还能买| www.822213.com-天空彩票四字解特| www.907733.com-大亨时时彩手机版| www.ca13.com-宁夏11选五爱乐彩| www.90sz.com-彩票刮刮卡透视| www.7005.top-四川七彩林科| www.pv04.com-彩168-| www.275950.com-爱彩彩-| www.8986.net-新时代彩票可靠吗| www.087020.com-乐福彩票登录| www.zj32.com-聚鑫彩票正规吗| www.pj59.cc-广西快三360| www.7820.me-足彩规律-| www.998765.cc-中国体育彩票开店| www.qp24.com-快三还有什么技巧| www.9229.pw-有没有玩彩票挣钱的| www.56706.com-彩票吃票跑路什么罪| www.35gj.com-南国体育彩票| www.s96.cn-加盟体彩怎么样| www.37lf.com-七星彩打4码怎么看| www.967103.com-qq群里玩彩票的| www.xf9.com-福彩3d开机试机号| www.22342.com-女方要20万彩礼| www.853862.com-时时彩有赢钱的吗| www.950402.com-8亿彩有多少人玩| www.996480.com-365彩票官网| www.hw1.com-什么叫彩票屠龙计划| www.518252.com-彩票代理怎么盈利| www.746122.com-内蒙时彩开奖| www.875328.com-每分钟一开奖的彩票| www.960549.com-下载彩票立送38元| www.cai3177.com江苏快3爱彩乐| www.ly49.com-华人彩票app下载| www.488250.com-彩81网站下载| www.539452.com-彩通-| www.983194.com-彩票代玩账号群| www.dd95.com-彩票达人是什么生肖| www.ya21.com-彩票号码都买多少钱| www.988802.com-华为手机版彩票软件| www.qo09.com-快三查询表-| www.23iv.com-彩票代玩任务| www.766756.com-快玩3福彩网站| www.666226.com-e乐彩输钱-| www.820003.com-vr彩票计划-| www.kw12.com-体彩排三近十试机号| www.965773.com-彩8彩票手机版下载| www.104041.com-竞彩篮球开奖公告| www.2450.org-8888彩票pk拾| www.530860.com-彩铅画大树-| www.610091.com-c7网站彩票777| www.678641.com-网上送彩金-| www.744447.com-香港彩现场直播| www.806195.com-中彩网2020-| www.429475.com-陕西快三开奖走势| www.533910.com-七星彩长条-| www.302304.com-七星彩下载-| www.636718.com-分分彩智能做号| www.700280.com-辽宁福彩中奖详情| www.767474.com-福彩3b乐彩静态板| www.832167.com-七星彩走图表电脑版| www.894163.com-49彩票集团安全不| www.958989.com-香港乐和彩一518| 福利彩票www.99677c.com| www.12px.com-顺利彩票-| www.374386.com-万彩吧资料大全| www.089021.com-休彩大乐透-| www.hf95.com-上海快三计划网| www.360466.com-彩票送体验金论坛| www.449361.com-大佬黑彩平台| www.529028.com-双色球牛彩-| www.588350.com-福彩快甘肃-| www.654438.com-景德镇福彩中心在哪| www.515051.com-七星彩充值骗局| www.597386.com-广州体育彩票| www.660508.com-彩票万能刷分软件| www.731802.com-高盛彩票app| www.796542.com-印尼分分彩开奖号码| www.861511.com-乐彩app下载| www.914836.com-建平县黑彩大案| www.967676.com-彩票网群聊-| www.cai1232.com福彩快3官网| www.gt81.com-我买彩票-| www.1688.site-福彩3d布衣2| www.52xy.cc-天下彩txbio| www.4060.com-荣耀彩-| www.536759.com-快开彩票漏洞赚钱| www.683876.com-人人中彩票登录不上|