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天

知道了
1分快三 www.750607.com-彩票全自动挂机软件| www.860641.com-彩38登录-| www.920373.com-玩彩票赚钱注册账号| www.974931.com-彩票查询有没有中奖| www.cai5711.com上海快三彩票| www.2966.in-众盈彩票客户端下载| www.965142.com-干博彩吵群怎么炒的| www.376488.com-彩界过客四胆码| www.326873.com-99彩票app下载| www.025425.com-喜乐彩票怎么玩| www.355.tv-七星彩综合走势图| www.764601.com-信博彩票网可信吗| www.1901.top-福利彩票机转让| www.312890.com-河南福彩好运三| www.091879.com-体育彩票杀号机选| www.273698.com-甘肃快三彩票| www.666083.com-海南七星彩万字表| www.026962.com-正规的彩票合买源码| www.1221.la-授权网上彩票511| www.997742.com-福彩江苏基本工资| www.12291.com-亿彩网登录-| www.60181.com-福彩3d双胆分解| www.025440.com-赢彩票是真的吗| www.93997.com-ig传统彩票-| www.106578.com-瑞彩祥云抢红包神器| www.186543.com-福利彩票什么赌| www.594436.com-西安三彩家集团| www.306064.com-祥瑞彩票app| www.aj61.com-唯彩会下载-| www.yq42.com-买体彩七位数的技巧| www.32521.cc-中国最大的彩票论坛| www.00108.com-福利彩票那天开始卖| www.bk28.com-彩票争霸app下载| www.414.org-体育彩票官方客服| www.220666.com-中彩手彩票官方网站| www.365289.cc-幽默猜测彩库宝典图| www.500722.cc-1寸彩照什么颜色| www.583027.com-体彩排列三有规律吗| www.989635.com-国民彩票手机官网| www.pr8.cc-爱彩乐大发快三假吗| www.pf52.com-快三是什么赌博| www.kz85.com-收中奖彩票-| www.418905.com-彩金项链图片| www.37597.cc-新天地彩票-| www.235608.com-105彩票官网下载| www.082073.com-快三赢小输大| www.97415.com-时时彩好平台| www.094709.com-新彩吧3d字谜画谜| www.187122.com-时时彩走势图彩| www.6560.cm-彩票站过期-| 易彩网www.36166o.com| www.9511.in-3位数买什么彩票| www.83738.cc-中彩票的坏处| www.01377.com-足彩必发盈亏指数| www.2530.pw-怎么玩福利彩票| www.am17.com-彩票中奖查询七星彩| www.12206.com-中国彩票江苏快三| www.973346.com-周杰伦彩虹在线试听| www.ue01.com-038彩票apk-| www.30kd.com-昨天福彩开什么号| www.kq88.com-福彩农场-| www.hd55.com-精彩计划728彩票| www.920559.com-彩神争霸2-| www.7482.vip-福彩补助资金用途| www.903732.com-九万彩票旧版| www.cp799.com-福彩快三大全下载| www.4438.tv-亿发彩票坑-| www.802725.com-8彩快三计划软件| www.094240.com-彩吧第三版图库| www.cai122.cc-快三群骗局揭秘| www.8436.cc-天天中彩网是真的吗| www.885062.com-快彩安卓下载| www.227699.com-彩票端一分快三| www.131245.com-开封定亲彩礼| www.280991.com-河内五分彩-| www.429967.com-儿童水彩笔套装| www.383837.com-足彩怎么玩才能挣钱| www.539395.com-彩票是不是骗人的| www.975488.com-甘肃福易快三| www.cp6782.com-268彩票app-| www.098409.com-带人玩彩票骗局| www.604683.com-迷彩兔电影网| www.993928.com-玩彩真的可以赚钱么| www.588227.com-号百彩票手机管家| www.974052.com-福彩刮刮卡多少钱| www.367966.com-明月珰七星彩| www.00753.com-体彩销售申请书| www.242233.com-彩票霸主软件| www.310279.com-今日湖北快三推荐| 500彩票网www.918109.com| www.448721.com-中国山西福彩官网| www.458070.com-百博七星彩-| www.571623.com-福彩三等奖-| www.660440.com-什么东西能透视彩票| www.735588.com-彩票百分之百输钱| www.801611.com-河内五分彩开奖官网| www.512391.com-秋景图绘画彩铅| www.731184.com-唯彩看球苹果版| www.928129.com-新彩票走势网首页| www.594460.com-七彩云mz网-| www.254184.com-福彩快三倍投技巧| www.491605.com-时时彩退水意思| www.556457.com-彩票广告图片| www.187218.com-一分彩破解-| www.3782.bid-七星彩清高图版论坛| www.w74.org-新快三遗漏表| www.44569.com-足彩任九最低奖金| www.3332.me-纯肉彩色漫画| www.587152.com-保定福利彩票站| www.1315.vip-娱乐彩票平台排名| www.370143.com-七星彩牛爹-| www.067158.com-黑彩信誉排名| www.138543.com-香港时时彩开奖号码| www.514606.com-护肤品彩妆加盟| www.612582.com-d8彩票下-| www.718840.com-彩虹周杰伦歌曲| www.796421.com-什么是尊彩-| www.876915.com-七乐彩销售时间| www.977237.com-中国福彩天津快三| www.70ff.com-彩客彩票官方下载| www.616939.com-怎么查体彩站点查询| www.8066.org-爱彩乐版本下载| www.35877.com-内一排三蒙快三| www.77088.com-团彩官网app| www.537227.com-打彩票的后果很严重| www.599038.com-彩票中奖的秘籍| www.7442.cc-上海体彩哪里申请| www.532240.com-七星彩怎样算是中奖| www.238268.com-发彩首页-| www.0445.cm-加拿大福利彩票| www.81599.com-河北的快三开奖结果| www.318111.com-快三那个平台赔率高| www.499103.com-鼎丰彩票是正规的吗| www.ze13.com-彩票营销话术| www.998827.com-香港行政快三开奖| www.138406.com-三六零彩票-| www.08380.cc-体彩官网app下载| www.96159.cc-浙江体彩排三论坛| www.51633.cc-好运彩彩票快三| www.513171.com-三彩女装官方| www.466329.com-七乐彩到几点结束| www.063628.com-彩站怎么挣钱| www.128784.com-彩票刷流水被骗三万| www.569407.com-全天重庆彩计划网页| www.657162.com-360彩票网客户端| www.749393.com-中彩彩票怎么推下级| www.836670.com-彩娃彩票真假| www.624546.com-基诺型彩票算法| www.u50.top-新万能彩吧-| www.880805.com-澳门快3彩票| www.959824.com-澳洲三分彩官网| www.387700.com-南方双彩下载安卓版| www.588182.com-米乐彩票-| www.641814.com-彩城彩票是真的吗| www.350908.com-彩票能买那些数| www.70gw.com-彩易达东莞分公司| www.59vt.com-买彩票有限额| www.0131.net-彩色的组词有哪些| www.753230.com-中彩网北斗-| www.dp89.com-吉林快三遗漏号| www.yf19.com-福彩8软件下载| www.9386.net-内蒙体彩11选| www.1828.tv-实体店体彩怎么买| www.268036.com-今天湖北快三分布图|