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.793105.com-今晚体彩开奖号码| www.626844.com-信彩彩票计划| www.735707.com-众购彩票网-| www.837993.com-彩票快3最晚到几点| www.937821.com-吉林快三免费app| www.cp7355.com-快三稳赚不赔技巧| www.089755.com-时时彩加盟代理流程| www.180104.com-怎么下载易彩集团| www.6966.cc-福彩打错号如何解决| www.20au.com-中国体育彩票竞| www.973161.com-七彩丝带玫瑰花| www.996769.com-陕西快三走势图表| www.416369.com-uc彩票可靠吗| www.981288.com-彩票照假-| www.265239.com-3d彩票技巧大揭秘| www.365835.cc-彩票排五开奖走势图| www.563226.com-新浪爱彩高清走势图| www.71zz.com-没钱买彩票能中奖吗| www.977670.com-足球彩票心得| www.ya42.com-韩国快三走势| www.746.net-福彩时时彩试号机| www.6780.pw-幸运彩票规律| www.23463.com-时时彩三星直选技巧| www.3235.com-彩神8是正规平台吗| www.42523.com-七星彩彩宝贝走势图| www.449881.com-保定体彩电话投注| www.595710.com-鑫彩网是合法网站吗| www.922812.com-人人红彩票-| www.403613.com-七星彩规律软件工具| www.2565.org-山东体彩扑克牌走势| www.216808.com-恒博彩票平台| www.331362.com-下载福彩app| www.399388.cc-云购彩票彩种| www.656876.com-竞彩技巧大全| www.755662.com-福彩快三多少组号码| www.854998.com-新皇冠彩票网| www.922556.com-招聘竞彩分析高手| www.981300.com-六开彩开奖下载| www.dt48.com-彩票ios-| www.685234.com-3d彩票图3月份呢| www.799959.com-福彩开奖双-| www.881319.com-浙江快乐彩胆拖玩法| www.961805.com-腾讯体育怎么买彩票| 大赢家彩票平台www.916720.com| www.68sm.com-乐彩是不是真的| www.66484.com-广西快三和值表| www.21sc.com-哈尔滨彩票大王视频| www.77228.cc-玩彩对应码公式技巧| www.625720.com-犀牛彩票下载安装| www.753881.com-金利彩票能赚钱吗| www.885412.com-彩票一购彩大厅| www.970784.com-数学天才破解彩票| www.ac04.com-七乐彩开奖结果查询| www.9739.top-全民彩金下载| www.623065.com-彩票天天开奖| www.99297.cc-求足彩靠谱app| www.97055.com-彩票平台pc蛋蛋| www.960274.com-淘彩app骗局| www.at23.com-老谢说彩预测双色球| www.40684.com-分分彩外挂-| www.050015.com-黑彩平台代理| www.217095.com-彩神v8-| www.312696.com-彩票幸运号码查询| www.85ar.com-足彩14场几点开奖| www.586185.com-彩宝网福彩开机号| www.66912.com-大连市福彩中心电话| www.129170.com-彩虹旗泡弟手机版| www.249068.com-中奖彩票app官网| www.177165.com-广西快三一定牛| www.541636.com-亚洲彩票怎么打不开| www.631573.com-竞彩推单软件app| www.208543.com-老谢说彩今日头条| www.032600.com-香港彩宝典-| www.245581.com-足彩竞猜500| www.628411.com-彩神vip邀请吧| www.3024.cn-彩68app官网| www.66554.cc-梦想彩票43131| www.01786.com-凤凰天机六各彩资料| www.182931.com-宁夏快三玩法技巧| www.1919.tv-越南河内时时彩软件| www.626736.com-663彩票-| www.419843.com-cp29彩票-| www.550479.com-全发彩票怎么样| www.6567.cm-鑫彩晶瓷王美缝剂| www.036772.com-重庆时时彩过滤器| www.208055.com-彩61app-| www.b00.net-十字彩怎么下载| www.757013.com-赢彩彩票与全民彩票| www.290331.com-福彩大家乐下载| www.5934.biz-我国体育彩票上市| www.582038.com-天天乐彩票是真的吗| www.796301.com-天津市体彩中心总部| www.867135.com-体彩排列三组六遗漏| www.915970.com-入侵私彩教程| www.964839.com-海南省福彩中心| 天天彩票www.1035w.com| www.pu87.com-彩票极速赛车骗局| www.692013.com-足球彩票怎么看中奖| www.812109.com-福彩3d平衡理论| www.922137.com-凤凰公益彩票| 彩乐坊www.11clf.com| www.4782.com-558彩-| www.12349.cc-96彩票下载-| www.46875.com-广东好彩快三查询| www.83384.com-彩票分析师许可证| www.615486.com-彩票二进制定位| www.2518.cc-彩票app下栈| www.852308.com-山西福彩中心地址| www.918989.com-彩票外围好还是国彩| www.972614.com-中学画彩铅风景视频| 大赢家彩票www.394311.com| www.85233.cc-聚彩彩票是真的吗| www.jb04.com-福彩下载手机版下载| www.902660.com-菲律宾干黑彩合法吗| www.cai755.cc-五分快三免费计划| www.1784.in-豪彩vlp下载| www.894784.com-彩票自动选号软件| www.cr39.com-9彩官方app-| www.822529.com-3218彩城彩票网| www.912081.com-排三胆码家彩网| www.293227.com-pp彩票官方网站| www.3810.biz-陆慧明最新足彩推荐| www.cd41.com-黑彩庄有挣有赔| www.r98.com-快三豹子号周期| www.625078.com-彩票界神话-| www.722217.com-单个彩铅画图片大全| www.74fb.com-环球彩票网站网址| www.5330.me-彩票概率吧-| www.00199.com-8k彩票平台-| www.079486.com-十二生肖彩票下载| www.6597.top-下载仁信彩票| www.58092.com-用彩绳编东西| www.039710.com-帮别人彩票投注| www.195097.com-上海快三推荐三号| www.cai931.com-河南快三开奖结果| www.072987.com-好彩爆珠多少钱一包| www.292913.com-福彩3d胆拖金额| www.721786.com-刮彩票的技巧| www.926.la-山东临沂孙成江彩票| www.14798.com-时时彩总和大小计划| www.161714.com-彩乐汇带人-| www.239338.com-彩票快三倍投方法| www.625038.com-做彩票推广的技巧| www.717095.com-彩铅画专业用书| www.828583.com-网络彩票推广合法吗| www.963264.com-彩色水磨石地面价格| www.tn.cc-福彩新快3下载| www.zk04.com-下载鑫彩网-| www.75vl.com-5d彩超费用-| www.1996.me-678df彩票网| www.70sf.com-华人娱乐彩测速| www.4232.xyz-今日说法失控的黑彩| www.663588.com-新浪彩票学堂| www.91648.com-炫彩坊纹绣产品批发| www.576580.com-河北福彩全部开奖| www.820605.com-七星彩直播结果| www.911188.com-k彩一客服-| www.cai5299.com韩国快三走势图| www.d33.club-高频彩开奖直播软件| www.197190.com-南洋彩上期开奖结果| www.912639.com-小六壬测彩票| www.161386.com-广州体彩投注站| www.365375.cc-3d直击黑彩-| www.881313.com-盈禾博彩官网|