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.481433.com-喝彩中华最新| www.883352.com-网易彩票又能买彩票| www.007972.com-今体彩开奖结果| www.8609.vip-31竞彩-| www.782226.com-彩票巴士怎么玩| www.928779.com-排列五和七星彩奖表| 500彩票www.50080s.com| www.902487.com-今日彩票报纸| www.020861.com-网络销售彩票| www.202371.com-福利彩票快乐十分| www.302400.com-江苏快三综合走势版| www.395851.com-周日彩票开什么| www.536207.com-彩票有哪些品种| www.665417.com-洛神体彩店下载| www.772860.com-吉祥虎送彩金大全| www.628999.com-新彩吧3d字迷画迷| www.781876.com-彩票走势分析方法| www.881376.com-篮彩推荐分析| www.995065.com-惠彩-| www.615219.com-新福彩三d胆王| www.751844.com-一定牛彩票是真是假| www.901468.com-蓝琪儿体彩断组| www.978591.com-福建体彩票36选7| www.sb2.cc-彩神88邀请码| www.02px.cc-世界杯足球买彩票| www.98289.com-竟彩比分直播竟彩| www.0476.bid-中国福彩3网| www.74249.com-彩虹旗壁纸-| www.071337.com-人人红彩票-| www.221856.com-玩彩票有赢的吗| www.447046.com-中彩彩票安卓版下载| www.658954.com-七星彩开出奇葩号| www.913645.com-万彩网合法吗| 大玩家彩票www.84499n.com| www.677638.com-湖北快三和值跨度表| www.764023.com-中园体育彩票网| www.843885.com-彩票中奖金额上税| www.926809.com-福彩有几位数| www.983923.com-彩票365怎么充值| www.fw8.com-彩票万能公式| www.pa75.com-取消彩票高频游戏| www.760567.com-福利彩票正规吗| www.889072.com-app彩-| www.979786.com-快三在线预测| www.002393.com-博彩漏洞反水| www.083673.com-智博彩票登陆| www.210192.com-黑彩量刑-| www.35025.com-福彩三d摇奖机| www.935522.com-彩93下载苹果| 99福彩www.379969.com| www.xf43.com-竞彩足球亚盘| www.48yh.com-彩票充值没到账| www.397183.com-红旗彩票首页注册| www.603890.com-注册3a彩票-| www.688522.com-3地彩吧助手| www.796335.com-尊彩网是不是假的| www.917215.com-彩铅画教程视频| www.980695.com-易彩堂主页下载| www.os6.com-快三稳赢技巧| www.9255.org-彩票培训师合法吗| www.82857.cc-大乐透新浪爱彩走势| www.052206.com-店之宝彩票-| www.458027.com-如何看体彩走势图| www.588875.com-南国开心七星彩论坛| www.677237.com-栋栋彩票3d推荐号| www.wh95.com-体彩开机号-| www.80oj.com-体彩图谜总汇全图| www.4935.pw-彩中彩是真的吗| www.12685.com-吉林快三作预测| www.61520.com-新加坡彩票开奖记录| www.042058.com-竞彩足彩500网| www.153771.com-七星彩往期中奖查询| www.226229.com-凤凰彩票导师微信号| www.734883.com-彩神帝彩票-| www.857333.com-利盈彩票真的假的| www.970701.com-中国彩票最新法规| www.oc67.com-足彩让球胜平负| www.045813.com-彩81彩票官方网站| www.8966.cc-江苏快三单双技巧| www.130492.com-湖南彩控网快乐十分| www.429535.com-利彩和立彩的区别| www.23aa.com-怎样选7星彩票号| www.23239.cc-分分彩作弊软件| www.97889.com-竞猜足彩官网| www.089784.com-快乐彩票(三)官网| www.l13.com-大发彩票助软件| www.21223.com-体彩官网手机客户端| www.88754.com-彩管家5.0-| www.9147.biz-彩娱乐平台登录| www.63217.com-陇彩宝app-| www.038057.com-49码彩票-| www.119416.com-福彩3的中奖结果| www.254050.com-888彩票-| www.337543.com-易彩能提现吗| www.493077.com-北京七星彩开奖直播| www.608113.com-最新白菜彩金| www.948747.com-下载新版万彩吧| www.ca38.com-快彩app免费下载| www.e06.cn-体彩竞猜最多获奖| www.74bl.com-体彩排列三定和值| www.5855.bid-中奖彩票掉了| www.333977.com-彩票排5开奖结果| www.123300.com-山东体彩网官方首页| www.202756.com-黑彩票平台排行榜| www.284959.com-湖北快三今日跨度| www.369772.com-六??彩香港管家婆| www.719108.com-彩虹的变化过程| www.827198.com-500彩网官网| www.913018.com-体彩三地试机号| www.974912.com-爱彩乐福彩3d| www.cai2877.com内蒙古快三今日预测| www.od82.com-福彩快三未出号码| www.16vp.com-兼职竞彩分析师| www.055.biz-时时彩守号-| www.339265.com-九五彩票是真的吗| www.424165.com-三国星彩是谁啊| www.325332.com-海南私彩怎么算中奖| www.169834.com-吉林省快三开奖图| www.68844.cc-中国彩票中奖概率| www.308893.com-彩票双色球中奖技巧| www.vx81.com-中国福彩中心3d| www.433590.com-买足彩app哪个好| www.1768.biz-最牛彩票软件| www.376312.com-安徽体彩开奖时间| www.924053.com-讧苏快三走势图| www.010797.com-信誉彩票大全| www.774745.com-七乐彩的玩法规则| www.365.link-爱彩彩票官网首页| www.gt76.com-百盈时时彩漏洞百出| www.475399.com-万金集团彩票合法吗| www.732127.com-博大彩票幸运快三| www.829278.com-1888彩票平台| www.943890.com-93彩票app-| 博汇www.861805.com| www.w50.online-彩之道福彩3d| www.610020.com-网上彩票账户| www.092294.com-20元体彩刮刮乐7| www.fd89.com-红牛腾讯分分彩计划| www.ts49.com-国彩网合买-| www.00cy.cc-快钱彩票靠谱吗| www.65mn.com-凤凰网彩票开奖公告| www.788.pw-体彩刮刮乐中奖率高| www.5036.pw-明天买福利彩票号| www.319099.com-80彩票网靠谱吗| www.066255.com-3d彩票论坛-| www.227802.com-彩票有假吗-| www.364019.com-福彩布衣图-| www.678394.com-福彩3d列表-| www.823598.com-彩涂钢板840| www.974338.com-955彩票-| www.la77.com-南京快三开奖走势图| www.208831.com-北京快三下载安装| www.9917.net-新鑫鸿彩票合法吗| www.575934.com-福彩排三开奖号码| www.752692.com-足彩加怎么样| www.jv2.com-河南快三走势及预测| www.694638.com-彩票兑奖时间周几| www.0942.cc-怎样玩转内蒙古福彩| www.502239.com-可以对冲的彩票| www.992169.com-彩票平台注册送38| www.lx03.com-好彩票安卓-| www.13ul.com-体彩试机号快报| www.003.biz-美国的高频彩票| www.5506.vip-福彩缴费-|