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.787956.com-今天足球比赛竞彩网| www.356024.com-中国彩票头奖排名| www.4572.me-长春彩钢板房| www.090525.com-五分快三规律破解| www.503818.com-华为彩票提现不了| www.539485.com-重庆彩票店转让58| www.620590.com-竞彩足球必发指数网| www.916089.com-彩票平台主管的返点| www.zv0.cc-厦门快三开奖结果| www.697506.com-七星乐彩票玩法| www.397797.com-彩票店主互联网售彩| www.190813.com-河北省快三走势图表| www.09jz.com-彩友时时彩计划在线| www.115485.com-内蒙古快三彩票投注| www.658668.com-众乐彩票网合法吗| www.915166.com-福彩七乐彩走势| www.0416.cc-好运快三遗漏值| www.17856.cc-明彩官网-| www.622.date-幸运中福彩下载| www.654754.com-3分钟时时彩时间表| www.171008.com-一分快三买大小技巧| www.325544.com-福彩3d豪华版下载| www.909984.com-快三网上投注官网| www.ew67.com-体彩排列3-| www.37ty.com-竞彩多串中奖计算器| www.004305.com-乐购彩票app| www.126350.com-彩铅画图片简单好看| www.rr45.com-护肤彩妆加盟店| www.530008.com-丨7500乐彩网| www.82076.com-金钱豹彩票游戏规则| www.108342.com-中国足彩竞猜官网| www.919308.com-时时彩平台app| 百姓彩票www.bxcp3.com| www.80408.com-安徽省福利彩票发行| www.194118.com-一分钟开奖的彩票| www.349438.com-菊花彩铅手绘图片| www.397196.com-v3彩票app-| www.04172.com-黑龙江彩22选5| www.4250.biz-诚信彩票网cxcp| www.ma19.cc-app足彩-| www.eb68.cc-内蒙古快三如何买| www.n36.net-体育彩票机选机率| www.131049.com-安阳内黄县彩礼| www.7274.biz-彩虹六号哪个版本| www.6841.cm-玩彩乐客户端下载| www.660754.com-阿狸彩票-| www.9595.org-老时彩开奖-| www.cv96.com-怎样下载江苏快三| www.67714.com-地下私彩玩法| www.029369.com-新利彩票走势图| www.223893.com-怎样破解分分时时彩| www.9237.com-七星彩三位数多少钱| www.875466.com-青蛙彩开奖现场| www.77hp.cc-r8国际彩票app| www.3096.cm-快三一分一开关| www.112748.com-三分快三精准计划网| www.842018.com-聚鑫彩票网站| www.914234.com-159彩票正规吗| www.976034.com-漯河彩礼一般多少钱| www.fw7.cc-3d试机号彩宝网| www.1197.net-福彩3d多少组合| www.930997.com-润联大吉彩票| 华夏彩票www.hx1116.com| www.735682.com-斐波那契与彩票| www.717844.com-彩票最新开机号| www.913210.com-彩经网3d选胆图| www.992696.com-中国福彩网快3平台| www.gm26.com-黑马致富团队彩票| www.03ms.com-双阳哪里有黑彩| www.890892.com-比较好的彩票app| www.958035.com-江苏快三走势图链接| 500彩票www.807979.com| www.zm91.com-网票彩票开奖| www.373111.cc-免费彩金棋牌游戏| www.60167.com-网易彩票网真实吗| www.180260.com-江苏福彩双色球开奖| www.607956.com-怎样买足彩稳赢| www.81565.com-一分钟开大小是什彩| www.399.in-历史上彩票最大奖| www.254128.com-为什么彩票网上停售| www.750484.com-好彩vip平台怎样| www.947615.com-彩票投注方式| www.cai1600.com河北快三遗漏| www.xw14.com-彩票彩六旧版| www.82eh.com-点击彩极速赛车| www.4333.biz-彩票3d报纸-| www.78613.cc-新昌县双彩乡农家乐| www.336499.com-博大彩票能玩吗| www.892383.com-买高频彩输了30万| www.444616.com-体彩p3开奖直播| www.l11.com-0234彩票-| www.2pl.cc-好彩客彩票最新| www.10240.com-彩票足彩-| www.353708.com-博彩公司信用级别| www.477855.com-佛山福彩2019| www.580918.com-世界杯体育彩票| www.667988.com-福利彩票哪年开始| www.757059.com-全民彩网是不是骗局| www.943088.com-苹果手机上的好彩票| 中彩网www.91233s.com| www.639295.com-转租彩票站注意事项| www.137006.cc-七彩是啥意思| www.73508.com-8816彩票-| www.169276.com-甘肃快三一定牛| www.307375.com-中国足球彩票亚洲杯| www.400018.com-周四开奖的彩票| www.8744.org-安徽快三冷热号统计| www.44932.com-彩票的具体套利方法| www.250225.com-云购彩-| www.365755.com-彩铅脸部阴影怎么画| www.522266.com-昨天七乐彩开奖结果| www.661421.com-日本彩票30秒开奖| www.539740.com-福利彩票站附近| www.613726.com-体育彩票选五| www.705358.com-体育彩票兑奖平台| www.ch1.cc-快三中二个数有奖吗| www.332520.com-网络黑彩票怎么举报| www.a25.online-彩票右上角字母含义| www.61429.com-七星彩的兑奖方法| www.026903.com-福彩平台投注刷佣金| www.277666.cc-快三彩票被骗| www.a94.top-稳定的彩票平台程序| www.026374.com-怎样开一个私彩平台| www.175981.com-分分快三破解软件| www.5650.in-网上怎么兑换彩票| www.751782.com-查看彩票中奖扫一扫| www.748428.com-993彩票娱乐| www.997600.cc-传奇彩票平台| www.qy96.com-玩脑者分分彩| www.497949.com-五分彩投注技巧| www.497321.com-包赔车彩票-| www.810.bid-体育彩票浙江6+1| www.024.site-七彩密码骗局| www.051102.com-优彩-| www.99pc.com-福彩3地以前开奖号| www.984658.com-8号彩票2018| www.954712.com-亚彩-| www.77.tv-nk百彩网-| www.0515.org-公益彩票软件能玩吗| www.589019.com-福利彩报图-| www.4225.biz-优乐彩网页版| www.655337.com-高频彩时间规定| www.756508.com-海南7星彩开奖结果| www.175024.com-贵州快三助手| www.629138.com-93彩票网站安全吗| 500彩票网www.97655b.com| www.429321.com-彩进娱乐app| www.009346.com-彩票日结负盈利分红| www.072686.com-什么时间可以买彩票| www.14683.com-彩票节假日休息吗| www.fk9.com-正规时时彩官网| www.wg26.com-下载天天彩票最新版| www.059076.com-乐彩网电脑下载| www.119506.com-今晚福彩中奖号码| www.239138.com-什么是刷彩-| www.287.in-七星彩中3位多少| www.006004.com-彩票体育彩票大乐透| www.447237.com-彩票查询开奖软件| www.123481.com-广西快乐双彩复式表| www.363657.com-雨后见彩虹什么意思| www.525401.com-福彩马莉萍-| www.691130.com-足彩竞彩网资讯| www.326813.com-彩票开奖结果今天| www.427411.com-足彩11转9软件|