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天

知道了
百盈PK10 www.979976.com-福彩网站资讯搜索| www.75938.com-彩票开奖事件| www.192159.com-19035期体彩| www.7183.org-国外的彩宝品牌| www.42414.com-金彩虹-| www.798098.com-北京11选5彩票| www.952653.com-竞彩足球胜平负预测| 9号彩票www.80767y.com| www.344500.com-网络彩票交流群| www.447224.com-龙虎封号彩票玩法| www.12lw.com-新浪爱彩足球胜负彩| www.2904.cc-双色球彩报指南| www.186182.com-三分快三是哪里的| www.291182.com-香港论坛彩票| www.385132.com-入侵彩票网页| www.84423.com-常熟福彩销售点| www.144737.com-博众时时彩专业版| www.264565.com-360彩票走势大全| www.947912.com-发行体育彩票作用| 500万彩票www.96386l.com| www.e82.net-七乐彩兑奖表图| www.73lu.com-佩奇彩票软件下载| www.9838.top-流线云古建彩绘| www.218813.com-河南彩礼多少| www.101043.com-极速彩票官方网站| www.248590.com-爱彩乐上海时时乐| www.839910.com-体彩责任彩票| 396彩票www.396.cc| www.813002.com-买彩票前后图片| www.8438.top-玲丽彩妆培训学校| www.7841.vip-极速时时采彩官网| www.030323.com-中国体育彩票e球彩| www.140376.com-北京快三晚上几点停| www.317488.com-吉林快三跨服| www.28411.com-彩票买得多算赌博嘛| www.221789.com-带计划的彩票app| www.682080.com-吉林快三出号计划员| www.817926.com-胜负彩19031| www.097870.com-河南体彩玩法种类| www.802304.com-精彩大片免费版| www.915935.com-彩拾彩票下载| www.979208.com-绿好彩-| www.cm22.cc-廊坊快三走试图| www.172746.com-一分快三计划网在线| www.609355.com-1号站彩票平台注册| www.719126.com-彩虹周杰伦原唱| www.806638.com-骰宝三分彩-| www.867.red-重庆时时彩五星技巧| www.372556.com-江苏体彩老快三| www.590182.com-3d走势图彩宝| www.404554.com-排列三走势图中彩| www.038558.com-爱彩乐怎么不推荐| www.121193.com-体彩排三的奖号是| www.71gx.com-时时彩牛牛开奖结果| www.57093.com-福彩3d藏机图字迷| www.021236.com-亚博彩票可靠吗| www.686956.com-彩票课文原文| www.99761.cc-巨人彩票靠谱吗| www.tb55.com-福彩1d的奖金| www.21om.com-qq怎么加彩票群| www.281722.com-重庆时时彩作弊开挂| www.828525.com-6118网络彩票| www.900185.com-快三介绍-| www.964914.com-中国福利彩票长乐站| www.786629.com-智投全民福彩| www.2632.net-惠普彩色复印机硒鼓| www.a74.net-体彩大乐透直播频道| www.619.cm-时时彩解析软件| www.004681.com-体彩遗漏-| www.823999.com-江苏足球竞彩500| www.918456.cc-u9彩票软件苹果| www.980985.com-凤凰彩票可靠不| www.cp133.com-体彩大乐透开奖结果| www.ht50.com-88爱彩江苏快3| www.xl10.com-鑫彩网是黑彩吗| www.11rw.com-好彩0567玩法| www.274592.com-肖立刚福彩3d推荐| www.92rz.com-今日专业玩彩| www.123.cm-旧版手机彩客网| www.028663.com-浙快乐彩最新开奖| www.982975.com-凡享饰家魔彩晶砖| www.dh82.com-江苏快三稳赚技巧| www.wh45.com-体彩排列三开奖视频| www.la13.com-湖北福彩手机客户端| www.484749.com-彩票注数和每注金额| www.83896.cc-玩彩赚钱是不是真的| www.261585.com-7天彩主页-| www.203179.com-湖北精彩十分怎么玩| www.hx70.cc-快三概率计算公式| www.755205.com-福彩山的字迷| www.890964.com-彩票广告语大全集| www.977463.com-我中了彩票这个软件| www.pa96.com-安微快三万能走势| www.670318.com-七星彩票试机号| www.580167.com-中国足球彩票网站| www.670258.com-风采还是风彩| www.751516.com-佬牛足彩最新消息| www.861310.com-彩报3d图库老虎图| www.578245.com-体彩自助售卖机价格| www.671507.com-港彩慈善网-| www.749928.com-分分彩票投注软件| www.845559.com-模拟足彩软件哪个好| www.930760.com-3d彩票九码规律| 爱购彩票www.3552k.com| www.hg44.cc-福彩快三倍投计算器| www.94ey.com-全球基诺彩-| www.915669.com-彩票站利润如何| www.969330.com-体彩公益金制度| 易旺彩票www.yw373.com| www.ga81.com-江苏快三代理网| www.43871.com-好彩网天宇和值谜| www.036624.com-彩票分析软件靠谱吗| www.73jw.com-快三历史开奖| www.566384.com-自己分析彩票软件| www.202225.com-贵阳市福彩中心| www.203544.com-爱乐彩快3-| www.kr14.com-上海福彩银彩通| www.237763.com-足球彩票兑奖| www.309669.com-体彩7往数-| www.373165.com-凤凰彩票什么网址| www.450525.com-如何代理七星彩| www.60137.com-体彩大乐透开奖结另| www.909996.com-福彩开奖公告下载| www.996132.com-竞彩足球竞彩比分| www.dq68.com-彩神官网-| www.zw06.com-建盏七彩如何养成| www.41sv.com-今天福彩3d彩报图| www.nw72.com-福彩头奖怎么领取| www.095111.com-福彩双采图双彩论坛| www.943737.com-彩99官网下载| www.925615.com-金彩app-| www.981064.com-七彩杯官网-| www.cp7220.com-快三毁人-| www.nh90.com-福彩选号助手苹果版| www.61gq.com-新彩吧福彩图谜总汇| www.3681.cc-万彩吧246-| www.006515.com-好彩一开奖历史纪录| www.11362.cc-竞彩天天手环| www.48240.com-3d彩票书籍大全| www.031901.com-做时时彩黑平台代理| www.290908.com-快三微信自动开奖| www.922925.com-江西彩票11选5| 如意彩票www.167686.com| www.793586.com-快三贵州预测号| www.069581.com-神彩争霸不能提现| www.wp26.com-福彩走势图制作| www.45188.com-福彩刷单-| www.5675.pw-黑彩是什么-| 中国福利彩票www.33588b.com| www.9370.cc-中国体彩排列五杀码| www.647404.com-32元胜负彩一等奖| www.789507.com-腾讯一分彩稳赚技巧| www.2611.in-大发快三有没有破解| www.78772.cc-亮彩手机u盘| www.438577.com-湖南省体彩官网下载| www.721408.com-购彩大厅开奖| www.838529.com-七星彩開獎號碼| 中国福利彩票www.3478c.cc| www.794114.com-新彩吧图谜字谜| www.555525.com-福彩3o选7-| www.629943.com-2串1竞彩足彩推荐| www.25hb.com-华彩在线靠谱吗| www.934339.com-五福彩票821下载| www.lx2.com-分分快三计划网站|