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天

知道了
彩票123现在叫什么名字 www.jo53.com-分分彩背后的真相| www.492903.com-金利彩票合法| www.627.live-彩票开奖开奖结果| www.952569.com-时彩平台有哪些| www.453776.com-万家彩票的登录网址| www.419117.com-印象彩票官网| www.537209.com-有彩色和无彩色| www.27mh.com-世界上彩票中奖最多| www.ef99.com-惠民乐彩票钱骗局吗| www.09pn.com-彩民高手榜1| www.710197.com-首存彩金-| www.087559.com-体育彩票19015| www.75fs.com-中七星彩扣多少税| www.997281.com-彩帝彩票-| www.513388.com-排三彩宝网工具下载| www.6516.top-大福彩票骗局揭秘| www.679752.com-体彩天下客服| www.824930.com-中国梦想彩票触屏版| www.916588.cc-黑客黑私彩-| www.979887.com-好彩票软件下载| www.195612.com-彩经网走势图| www.603211.com-下载彩票彩宝| www.vq83.com-长春福彩快三| www.941822.com-做彩票平台代理收入| www.501916.com-167cc玩彩票| www.108549.com-全部彩票开奖查询| www.447328.com-奥克足彩网-| www.998134.com-北京福彩联系电话| www.oi31.com-彩票全网最准计划| www.n71.cc-为什么彩票那么难中| www.92822.cc-力彩广告有限公司| www.2227.pw-梦见彩票中奖数字| www.848633.com-皇家科技时时彩下载| www.63667.cc-唯彩预测-| www.831556.com-福彩销量大跌| www.920928.com-彩神l苹果版| 奔驰彩票www.905866.com| www.mh10.cc-好彩投彩票靠谱吗| www.365210.cc-菜鸟彩票真的假的| www.462832.com-体彩排列三怪字神贴| www.zr0.com-福彩专家预测| www.990704.com-篮彩攻略-| www.zl15.com-双彩网是什么意思| www.209568.com-武汉今日快三开奖| www.42542.com-搜狗彩票官网| www.853647.com-仁信彩票-| www.954030.com-发发彩票网-| www.90yi.com-即彩-| www.2465.pw-重庆时时彩百科| www.871861.com-江苏丰彩新型建材| www.940210.com-彩票怎么样才算中奖| www.998374.com-网上福利彩票app| www.ct56.com-大发彩票平台登录| www.717038.com-国产彩铅排行榜| www.969559.com-新昌双彩泥石流| www.ew88.com-快三输了几万块钱| www.9464.com-旧版够力七星彩下载| www.0155.vip-穿越彩云国之仙| www.ha41.com-重庆时时彩诈骗案件| www.809869.com-中彩票官-| www.497003.com-福运彩票源码下载| www.846959.com-信阳彩票中奖| www.321093.com-彩票开奖七星彩投注| www.92217.com-乐彩网三d开奖公告| www.103911.com-彩神争霸‖谁与争锋| www.25cl.com-华彩管理-| www.69296.com-彩票平台提现没到账| www.s88.top-大家乐彩票机技巧| www.119775.com-快三有直播看吗| www.006985.com-彩票开奖助手下载| www.811201.com-六爻测彩票五行规律| www.b24.online-福彩排列7月查询| www.ec77.com-248彩票app-| www.38317.com-云南时时彩彩开奖| www.458713.com-南方福彩选众彩网| www.627278.com-bb彩平台下载| www.762701.com-中国福利利彩票| 幸运彩票www.5095k.com| www.om55.com-福彩双色球胆拖玩法| www.81852.cc-时时彩一码最大遗漏| www.595982.com-快三如何稳赚不赔| www.084456.com-江苏快三人工计划网| www.908552.com-彩票零风险倍投方法| www.496203.com-彩票稳赚技巧| www.909334.com-3d彩报第一版| www.46726.com-好彩3复式计算公式| www.044777.com-足彩加一球什么意思| www.171889.com-湖北快三连线走势图| www.965245.com-中国体育彩票买法| www.012358.cc-快三脚本-| www.065526.com-风雨彩虹歌词| www.602757.com-体彩刮刮乐7保底| www.62gs.com-顺盈彩票网址| www.5554.vip-福彩3d技术论坛| www.zr11.com-大玩家彩票网络兑换| www.109513.com-彩票挂机软件吧| www.227523.com-快三秒珍珠奶茶| www.299683.com-快三预测app| www.365949.com-七星彩今日预测| www.363383.com-彩虹是什么颜色| www.896298.com-优势的彩票合买源码| www.971864.com-福彩杀码预测| www.he9.cc-爱彩乐彩票网| www.em60.com-我想买彩票中大奖| www.262678.com-福利彩票38期| www.375244.com-快三输钱太快了| www.42358.com-菠菜彩金-| www.332761.com-京彩app哪里下载| www.424922.com-九彩坪-| www.537261.com-国彩下载-| www.964799.com-浙江31体彩-| www.jw93.com-彩虹代表的意义| www.5cu.com-苏州福利彩票| www.385849.com-网赚快彩-| www.514456.com-彩钢板单板-| www.586561.com-送彩金电子游艺| www.696400.com-竞彩资讯专家| www.812687.com-福彩3d绝密算法| www.952225.com-稳赚彩票计划| www.ac06.com-河南福彩22选五| www.a85.me-鸿运彩票是黑网吗| www.85us.com-神彩飞扬伤感音乐| www.6831.top-九w彩票-| www.51882.cc-时时彩杂六半顺规律| www.8754.vip-彩票组选和直选| www.74yq.com-福彩三b试机号今天| www.86mb.com-于海滨福彩三星| www.4826.vip-彩虹六号安装| www.138495.com-日本彩票中奖规则| www.72552.cc-吉林市打击黑彩| www.092703.com-夏邑彩礼价目表| www.183672.com-中国福彩中心官网| www.2000.cm-下载49彩票-| www.kp99.cc-3d彩宝走势图连线| www.yw32.com-惠民彩票怎么样| www.1135.net-足彩改期怎么算| www.f64.top-幸运快三稳赚技巧| www.99kf.com-彩票可以研究吗| www.240233.com-神彩争霸下载地址| www.409666.com-乐彩网友-| www.548299.com-竞彩足球实时比分| www.035752.com-体彩排列三猜谜面| www.172721.com-福彩3d过滤器| www.766145.com-贵阳彩票无人认领| www.xi98.com-好彩36复式-| www.384038.com-福利彩票考试考哪些| www.17222.com-娇彩钰妍一套价格| www.948022.com-体育彩票篮球竞彩网| www.kk76.com-胜负彩比分直播| www.32ig.com-金钱豹彩报-| www.1618.top-搜索天天彩3d| www.6080.biz-顺势而为彩票讲解| www.025507.com-福乐彩开奖结果查询| www.212.xyz-微信彩票店购买有效| www.906939.com-中国体彩规则| www.968867.com-天天彩票是否靠谱| 网易彩票www.560692.com| www.533549.com-体育彩票咋看中奖| www.qz62.com-上海快三号码图| www.759208.com-彩薇花护肤品咋样| www.386279.com-今日体彩足球竞彩网| www.520807.com-彩票计划群骗局分析| www.609046.com-城信彩彩票代理| www.756056.com-中彩在线地址|