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.695052.com-中国竞彩网误差| www.038851.com-福利爱彩票开奖| www.191316.com-北京快三全天计划| www.287433.com-快三平台送彩金| www.007538.com-彩客彩票app| www.117935.com-浙江地方彩-| www.510450.com-本子漫画全彩图片| www.39737.cc-有没有玩彩票赢钱的| www.522797.com-支付宝买彩票靠谱吗| www.739274.com-鼎盛彩票平台| www.298533.com-腾讯彩票幸运大转盘| www.190167.com-河南省快三走势图| www.365689.cc-2018彩票图片| www.537108.com-含有彩字的网名| www.661775.com-外围足彩能挣钱吗| www.886316.com-彩铅画图片大全风景| www.993815.com-足彩是怎么个玩法| www.477094.com-体彩排列三怎么买| 澳客网www.okw0.com| www.34564.cc-福彩三d今天奖号| www.8203.site-盈彩商城-| www.795102.com-七乐彩票主页| www.882874.com-福建福彩兑奖地址| www.953251.com-今日竞彩预测| 凤凰彩票www.3479f.com| www.54434.com-广东银河星座快三| www.617692.com-秦皇岛体彩中心电话| www.727227.com-开时时彩平台哪个好| www.806586.com-32期七星彩-| www.909833.com-下载乐彩论坛| www.980463.com-广西体彩网上投注| www.ap82.com-贵州省福利彩票开奖| www.850982.com-竞彩直播新浪| www.946713.com-手机高频彩票网| www.1047.live-彩票数据分析师| www.284588.com-凤凰时时彩开奖记录| www.23844.com-买彩票如何中一等奖| www.673434.com-古建彩绘颜料调配| www.768916.com-手机玩彩票发展下线| www.880339.com-网络彩票代理怎么做| www.965024.com-牛彩一分快三技巧| www.110.vip-河内彩后二技巧| www.701177.com-北京福彩报-| www.103308.com-旺彩双色球打不开| www.002365.com-广西快三开奖公告| www.426877.com-彩票开盘管理| www.537973.com-色彩装饰画-| www.671490.com-壹彩万网址-| www.785946.com-体彩字迷打印版| www.879144.com-新浪数字彩票排列三| 酷彩网www.39669.cc| www.27115.cc-中彩体彩网-| www.025278.com-易彩官方彩票网| www.003427.com-顺盈彩票合法吗| www.529636.com-台湾今彩539开奖| www.620004.com-碧彩-| www.742751.com-新星彩是骗局吗| www.844154.com-监管彩票案例| www.920053.com-福建快三玩法介绍| E彩堂www.43818d.com| www.080180.com-彩民中奖故事新闻| www.403699.com-体彩七乐彩走势图| www.507173.com-菲律宾二分彩玩法| www.319767.com-k彩福地登陆| www.278679.com-网上做彩票托的经历| www.356393.com-彩票智慧管家| www.445886.com-福彩双色-| www.53723.cc-昆山快三开奖昨天| www.ww55.com-中彩吧-| www.77454.com-南国彩票论坛南海网| www.053882.com-盛世彩票-| www.353194.com-润丝丹一支彩染发剂| www.176558.com-福彩快三技巧方法| www.002400.com-杭州彩票分析师招聘| www.094051.com-福彩三天计划论坛| www.176924.com-三分快三-| www.3082.pw-福利彩试机号今天| www.225783.com-5亿彩票网靠谱么| www.440132.com-彩票人生app| www.549969.com-网购足彩-| www.94876.com-广西烟草彩票| www.616022.com-今天上海快三结果| www.615608.com-彩票打印机软件下载| www.737068.com-下载安徽福彩| www.nd03.com-甘肃省福利彩票| www.03bs.cc-手机山东体彩客户端| www.mw16.com-福利彩票游戏规则| www.01258.cc-福利彩票3d彩图| www.80lf.com-福彩3d今开什么号| www.871901.com-彩票网826-| www.936729.com-麒麟彩票是正规的吗| www.984427.com-外国彩票软件下载| www.wt81.com-今天乐和彩开奖结果| www.15do.com-福利彩票都关门| www.7073.vip-分分彩个人技巧经验| www.391963.com-大菠萝彩票软件| www.506736.com-天空彩票天下彩旧版| www.575650.com-网购彩票何时恢复| www.644844.com-体育彩票中奖者| www.749062.com-中彩官网快3| www.261861.com-正规彩票网站一品堂| www.197197.com-排三彩经网走势| www.81211.com-福彩3d十个差| www.350032.com-湖北体彩兑奖在哪里| www.515987.com-金巴黎彩票链接| www.611552.com-家彩网胆码胆码预测| www.754747.com-免费送彩金官方网站| www.899895.com-彩票下app-| www.tl80.com-安徽快三胆拖投注| www.592.la-加盟时时彩代理利润| www.07018.com-体育彩票图谜专区| www.754006.com-搜狗彩票走势图表大| www.886440.com-中国彩票有真实性吗| www.988741.com-甘肃体彩网11选| www.nh28.cc-湖北省福利彩票| 吉祥彩票www.jx68.com| www.878330.com-百盛彩票官网| www.952649.com-网上买福彩-| 彩虹8www.ch8123.com| www.to93.com-如何申请福利彩票| www.74pz.com-玩万豪彩票合法吗| www.l12.biz-彩票预测专业人| www.73cs.com-彩经网三d走势图| www.sy34.com-七星彩如何算| www.465.xyz-福彩3d绝杀六码| 彩客博www.8667d.com| www.11880.com-大发快开彩有规律吗| www.71585.com-网易彩票官网登录| www.167108.com-快三大小单双口诀| www.249978.com-购彩吧能买彩票吗| www.367317.com-大片樱花树彩铅画| www.872387.com-下载彩吧助手| www.990031.com-彩票站出兑转让| www.cr91.com-广西快三一共多少期| www.14in.com-彩票双色球历史开奖| www.0553.loan-体彩彩民乐-| www.750027.com-快三私彩-| www.158108.com-743好彩app-| www.292153.com-重庆快三官网投注| www.449832.com-彩票应不应该买保险| www.549555.com-足球彩店app下载| www.693885.com-亚洲彩票a-| www.766364.com-重庆时时彩无法提现| www.9358.in-彩票官员落网| www.hi81.com-快三技巧心得| www.94462.com-福彩传统彩是什么| www.194666.cc-福彩三d走势2元网| www.3843.net-七星彩局王本期| www.07388.com-快彩电子走势图下载| www.68125.cc-福彩订单助手| www.018749.com-体彩排列三杀码图| www.494447.com-沈阳彩票站出兑| www.37613.com-彩02软件下载| www.37144.com-8亿彩被骗-| www.040199.com-鸿彩快三手机下载| www.845210.com-足彩14场中奖查询| www.966266.com-广西快三预测群| www.cai8744.com昨天开奖的福利彩票| 彩吧www.580820.com| www.21cu.com-入侵彩票黑网站方法| www.961012.cc-3d彩综合走势图| 中国福利彩票www.08588g.com| www.2898.top-诺亚彩票下载| www.873801.com-彩38的网址是多少|