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.009348.com-178彩票下载| www.51653.cc-彩界联盟怎么下载| www.718631.com-彩虹颜色正确顺序| 网易彩票www.26163j.com| www.f40.com-海南彩票怎么买| www.311361.com-彩神人工计划| www.254482.com-好彩网app-| www.533206.com-七星彩怎样中奖| www.453679.com-彩票开奖查奖| www.590182.com-3d走势图彩宝| www.700714.com-可变条码彩票厂家| www.0770.loan-彩票137app-| www.125254.com-七乐彩中奖概率最高| www.600866.com-现在都买什么彩票| www.713293.com-王者彩票是黑平台吗| www.795823.com-中国福彩图库| www.876817.com-下载快三-| www.cx06.com-体彩私彩-| www.762971.com-秒速快三开奖直播| www.158907.com-陕西快三走势图表| www.686516.com-澳彩半一盘分析技巧| www.792683.com-福彩店有啥竞争压力| www.883863.com-新博瑞彩票-| www.967102.com-彩票店如何记账| 幸运彩票www.983699.com| www.qz08.com-吉林快三选号器| www.5pk.com-一分快三彩票规律| www.53bw.com-亚盘足彩研究| www.162716.com-鸿运彩票app地址| www.306088.com-688彩票主页| www.390368.com-重庆时时彩漏洞在哪| www.503828.com-博雅彩票平台| www.848688.com-竞彩比分推荐专家| www.180144.com-河北省快三开奖结果| www.060197.com-天天彩票论坛网址| www.918142.com-中奖彩票卖了犯法吗| www.4xx.com-职业竞彩玩家| www.105890.com-通博彩票的网址| www.6097.biz-广州体彩店转让| www.772870.com-爱投网彩票怎么样| www.997587.com-体彩快开-| www.5at.com-昆山有福彩中心吗| www.bq55.com-彩68-| www.04jo.com-在线即开彩票| www.cp4699.cc-湖北快三销售时间| www.hw28.com-体育彩票管理中心| www.02vu.com-bf必发彩票网站| www.85vu.com-官网福利彩票网址| www.07382.com-那个高频彩玩的人多| www.937411.com-福彩网app靠谱吗| www.984802.com-福利彩要双色球| www.432888.cc-幻彩官网-| www.735271.com-b2彩票-| www.526524.com-卖私彩犯什么罪| www.641242.cc-600彩票注册| www.622806.com-3d彩票几天一开奖| www.706015.com-福彩复式奖金计算图| www.781164.com-彩虹宝宝2-| www.853829.com-陕西福彩快乐十分开| www.915821.com-中国体育彩票加盟费| www.984221.com-新彩网3d字谜总洰| www.zp2.cc-福彩河北快三结果| www.216600.com-118彩票真实吗| 彩票大家乐www.21202s.com| www.63636.com-河南各地彩礼排行榜| www.574618.com-福建体育彩网| www.661158.com-体彩18014期| www.777044.com-彩宝宝手机版| www.871882.com-陕西利彩快3娱乐| www.952264.com-五省快三基本走势| 500彩票www.507477.com| www.24zi.com-天天爱彩票网站| www.513756.com-超级快5是什么彩票| www.583652.com-福彩走势软件| www.659249.com-彩票开奖3d开奖| www.762488.com-竞彩哪个平台好| www.765124.com-快彩票下载-| www.16dd.cc-幸运彩票官网软件| www.2161.cn-彩六万购彩大厅| www.17531.cc-1305彩票安卓版| www.273547.com-pc蛋蛋是福彩吗| www.265989.com-一分快三全天计划网| www.50505.cc-今天七星彩小精英版| www.137844.com-乐彩网首页官网| www.205789.com-大发快三走势怎么看| www.cj97.com-安徽福彩网查询| www.23210.com-用彩色的造句| www.99988.cc-彩客东奥化学招聘| www.976908.com-焦作孟州结婚彩礼| www.cc79.com-福彩排列五开奖号码| www.732371.com-彩7彩票-| www.8187.cn-六仺彩票开奖| www.19215.com-彩票异地兑奖| www.2364.org-743.cc好彩-| www.03673.com-爱彩官网下载安装| www.53332.com-爱彩乐时时彩平台| www.5349.top-网上买彩票怎么领奖| www.751882.com-第九彩票网站大全| www.336515.com-江苏快三二不同推荐| www.822699.com-排列三开机号利彩网| www.923036.com-下载人人彩票双色球| www.982472.com-卖彩票提成是多少| www.mg9.com-内蒙快三49期| www.273650.com-体育足彩玩法| www.511691.com-香港福利彩票结果| www.ch9.com-福利彩票发行目的| www.952077.com-台湾福彩官方网站| www.fc23.com-手机彩票破解方法| www.5rt.com-六气彩牛牛高手论坛| www.188982.com-内蒙快三遗漏数据| www.292509.com-北京快三网官网| www.387676.com-网赌时时彩违法| www.eh76.com-福彩三地开奖| www.72ct.com-四位数福利彩票| www.57fl.com-够力七星彩奖表长条| www.238858.com-彩托套路-| www.258234.com-皇都彩票提现快| www.420061.com-中博系统彩票| www.86837.cc-竞彩陆慧明的微博| www.298007.com-快三图案-| www.414160.com-精彩的精什么意思| www.542369.com-五彩堂彩票-| www.604861.com-猫彩票-| www.660120.com-全天重庆彩龙虎计划| www.718268.com-深圳快乐彩害人骗人| www.777538.com-中彩高手计划| www.831008.com-577彩票网可靠吗| www.qw7.com-彩票口诀大全图片| www.984482.com-财神8彩是不是真的| www.008356.com-19035期胜负彩| www.107522.com-微微彩票下载| www.891795.com-晓风彩票官网| www.985374.com-老时时彩下载手机版| www.fu98.com-浙江快三走势图| www.518941.com-江苏不匠彩快3| www.398.hk-惠民彩票安全吗| www.24uq.com-彩圣网彩圣资料网| www.570262.com-七彩影院在线观看| www.658439.com-彩视横屏怎么做| www.714071.com-体彩竞彩网让分| www.782989.com-甘肃竞彩公司| www.853269.com-彩票有什么彩种| www.915654.com-彩票怎么挂机赚钱| www.967011.com-安徽快三输了很多钱| 大赢家彩票www.599810.com| www.111410.com-手机时时彩网送彩金| www.500522.com-6288彩票ios| www.577131.com-好彩店骗子-| www.665078.com-七乐彩开奖历史数据| www.1991.in-足彩三串一复式| www.289777.com-大赢家彩票骗局原理| www.e95.online-七乐彩历史查询| www.gr06.com-广东好彩一-| www.574968.com-博彩投注平台出租| www.ev38.com-旺彩彩票-| www.507326.com-多宝彩票合法的吗| www.569663.com-彩吧图库山东真诀| www.619099.com-山东福利彩票中奖| www.668631.com-非凡彩票下载安装| www.719849.com-苹果原彩显示| www.782556.com-网易彩票网真实吗| www.835453.com-彩500网-| www.883054.com-彩票十一选五济南| www.937700.com-100官网彩票|