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.906295.com-开黑彩是什么罪名| www.443678.com-福彩3d天吉全图| www.641108.com-澳洲45秒彩走势图| www.739927.com-彩帝网页-| www.833150.com-真实彩票店二维码| www.918560.com-博彩论-| 全民乐彩票www.2934o.com| www.px86.com-春天彩票注册| www.963743.com-手机买彩票的软件| www.231946.com-湖北快三奖励| www.688226.com-广东福彩网址| www.3024.cn-彩68app官网| www.a12.in-彩民乐图-| www.668011.com-福利彩票现任主任| www.577.red-竞彩网足球360| www.064414.com-老时时彩360彩票| www.168978.com-内蒙古快三投注| www.xm40.com-彩之家网址-| www.xu40.com-38彩票app-| www.849448.com-足彩胜负彩周几开奖| www.364448.com-美国28时时彩开奖| www.7977.cc-彩跑粉怎么洗| www.004854.com-双色球彩票33| www.136891.com-武汉彩票投注站转让| www.66001.cc-黄鹤楼迷彩烟| www.110732.com-安徽快三近50期| www.780425.com-人工智能彩票软件| www.275398.com-彩票在线计划| www.357748.com-体彩排列五中奖金额| www.29pd.com-体彩奖号码是什么| www.552897.com-和彩名堂类似的软件| www.647010.com-足彩老是差一点中奖| www.739747.com-盛元彩票网-| www.825470.com-老公买彩票怎么办| www.77lu.com-福彩3d确实太坑人| www.2441.vip-中国竞彩篮球| www.8640.in-玩彩票用什么软件好| www.56983.cc-福彩3d追号-| www.101063.com-快三技术技巧论坛| www.200998.com-7星彩预测号码| www.290027.com-玩时时彩私彩违法吗| www.687052.com-长沙体育彩票投注站| www.283885.com-中国有几种合法彩票| www.370456.com-时时彩开源系统| www.525880.com-新乐彩票平台正规吗| www.009054.com-广西福彩官网手机版| www.6116.cc-天天彩票网页计划| 豪彩VIPwww.838552.com| www.57197.cc-啥叫彩播-| www.105991.com-高频彩票开奖网站| www.296722.com-江苏e球彩四场奖金| www.407012.com-七星彩奇偶大小分析| www.807588.com-什么彩票珍贵| www.253977.com-昨天上海快三走势图| www.ts44.com-安徽福彩快开三| www.9620.vip-星彩网网址是多少| www.07744.cc-3d专家彩乐乐| www.ge5.cc-快乐时时彩是哪里的| www.864618.com-一手机彩票网站| www.072630.com-中四亿彩票-| www.74018.com-戳爷彩虹旗-| www.027992.com-鸿彩网下载-| www.099994.com-百宝彩票481| 中国福利彩票www.3478l.cc| www.635562.com-在黑彩站打工犯法吗| www.723955.com-福彩在线网-| www.798418.com-福彩藏机-| www.877738.com-境外网站足彩合法| www.962743.com-彩圣字谜福彩3d| 网易彩票www.07163n.com| www.eu28.com-彩票助赢软件计划| www.234192.com-金利彩票平台| www.324181.com-万达彩票靠谱吗| www.402079.com-竞彩足球九场奖金| www.555908.com-七乐彩机选号码一注| www.668026.com-和乐彩票网站多少| www.748134.com-49cc彩票下载| www.809329.com-买那个彩票中奖率高| www.885780.com-利赢国际彩票代理| www.954433.com-牛蛙彩票1570| www.fs6.com-中福快三计划软件| www.sl43.com-重庆彩票官网首页| www.5018.cm-大富彩票网页版| www.19ap.com-周五有什么彩票| www.7457.vip-彩票模式创始人| www.22231.cc-500w彩票网真假| www.54jb.com-假彩票图片-| www.170711.com-甘肃福彩快3走势图| www.448146.com-吴启保说彩-| www.555555.com-七乐彩历史同期开奖| www.998762.com-中国体育彩票咋看| www.813711.com-宁夏体彩开奖信息| www.76201.com-温州市福利彩票中心| www.064978.com-彩票入款优惠| www.60448.com-凤凰彩票能不能提现| www.9995.vip-福彩快三的都是输| www.z60.com-酷彩彩票官方| www.63za.com-竞彩9000万大奖| www.718131.com-彩虹屁夸人语录| www.831021.com-快乐双彩开奖玩法| www.20vp.com-重庆微信时时彩群号| www.321826.com-爱彩票-| www.22115.com-国内足彩狙击团队| www.128659.com-七乐彩4加1多少钱| www.321380.com-七星彩梦册查码解梦| www.536726.com-香港518彩票网址| www.809322.com-体彩飞鱼选号技巧| www.975269.com-河北快三彩经网| www.ww09.com-送彩金的赌博平台| www.93ci.com-分分彩破解-| www.761598.com-一分快三的开奖规律| www.357499.com-彩票的经典段子| www.642118.com-济南福彩抽汽车| www.619130.com-云南福彩领奖地址| www.035000.com-高反水彩票投注平台| www.697468.com-浙江体彩服务号| www.885361.com-体彩天下大厅| www.966955.com-手机投注彩票可信吗| www.jq31.com-好运时时彩开奖结果| www.88au.com-快三大小表格图| www.53909.com-时时彩倍投的规律| www.344319.com-大发快三下期| www.9314.cn-马来西亚时时彩案件| www.965228.com-中国体育彩票的规则| www.050715.com-彩票自助机能赚钱吗| www.49tk.cc-青岛体彩中心电话| www.001476.com-雪缘足彩园比分直播| www.cp021.com-江西省多乐彩走势| www.838545.com-彩友沙龙论坛| www.923269.com-小店宝彩票中了| www.993340.com-足彩大神论坛| www.bd33.com-彩票极速快3| www.099156.com-北京五分彩走势图| www.220453.com-天天中彩网app| www.251359.com-河北快三开一定牛| www.030500.com-c8cn六彩香港| www.27kg.com-买彩票亏了钱怎么办| www.872924.com-海南七星彩开奖奖表| www.314433.com-舟山飞鱼彩票走势图| www.bb09.cc-江苏老快三下载安装| www.254527.com-好彩头app官网| www.043311.com-足彩网上在哪里买药| www.121360.com-澳门彩票足球合法网| www.179883.com-广西快三号-| www.3668.in-今天足彩分析| www.310884.com-红旗彩票推荐软件| www.465677.com-彩票测试-| www.261998.com-福福彩开奖-| www.58272.cc-彩88彩票下载| www.313487.com-好彩客app安卓| www.422077.com-开一家福利彩票| www.557555.com-彩运来注册网址| www.632338.com-天空彩65-| www.732276.com-解除婚约退彩礼案例| www.826347.com-天天有彩票933| www.760453.com-福彩3十o多少钱| www.985420.com-竞彩稳串三串一| www.y31.com-万博可以买时时彩吗| www.275671.com-365彩票app-| www.585115.com-五分快三彩票骗局| www.616435.com-彩七七苹果下载| www.994688.com-好彩客ios-| www.iy4.com-时时彩下载官方平台| www.696963.com-有人中过彩票上亿吗|