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天

知道了
1分快三 www.619578.com-双色球守号中奖彩票| www.13sg.com-福彩好彩1开奖走势| www.802104.com-福彩3d笨笨大花猫| www.919157.com-新强时彩三星走势图| www.989538.com-彩漂的成分-| www.cj38.com-湖北快三开奖今日| www.ud60.com-快三单式中两个号码| www.936287.com-乐山快三中奖结果| www.199089.com-c彩票开奖查询结果| www.314565.com-竞彩网计算器比分| www.455632.com-害人的体彩1l选5| www.580688.com-彩票世界杯专家预测| www.278877.com-国家开发彩票软件| www.377894.com-彩票77网页-| www.512268.com-彩铅画小清新| www.583022.com-彩票站走势图在哪买| www.25177.com-学画重彩的好处| www.030320.com-双色球买彩大厅| www.679207.com-中彩网首页开奖结果| 创世纪彩票www.36787e.com| www.5nd.com-足球竟彩开奖结果| www.14bg.com-时时彩规律和技巧| www.129614.com-app众彩网-| www.777226.com-铁公鸡七星彩下载| www.94853.com-广西体彩集团| www.134833.com-网上哪能买河北快三| www.350622.com-a3彩色打印机连供| www.591798.com-七星彩质合是什么| www.778527.com-釉中彩好吗-| www.938623.com-聚福彩票官网| www.ml95.com-最佳彩票-| www.960.cm-彩票中大奖电影| www.076233.com-中国福利彩票中心| www.255220.com-cc极速彩票-| www.024223.com-极速快三计划免费版| www.88513.com-6118n彩票注册| www.961071.com-台湾快三开奖直播| www.tv43.com-苹果下载中国福彩| www.874175.com-网易彩票验证失败| www.430659.com-无锡最新彩礼| www.652673.com-竞彩彩票怎么看| www.722138.com-时时彩高手实战大全| www.814016.com-时时彩玩法介绍| www.970054.com-体彩排列三终极杀一| www.fe6.com-官方分分时时彩| www.559830.com-彩宝网站有没有骗局| www.653237.com-澳门有哪几家博彩| www.729646.com-新时时彩软件手机版| www.811530.com-新昌县双彩乡后谢村| www.913001.com-ku游足彩骗局揭秘| www.986165.com-彩票送彩金软件| www.gp49.com-最新退彩礼案例| www.z15.shop-双色球彩友吧式机号| www.3625.xyz-双色球走势图乐彩网| www.51215.cc-乐彩网重庆时时彩| www.55235.cc-彩票送彩金16| www.13788.cc-足彩19030期| www.69qc.com-搜狗彩票综合走势图| www.194967.com-吉林快三半顺啥意思| www.517153.com-乐艺彩票关闭了| www.634233.com-七彩阳光信息| www.126069.com-幸福彩票手机报| www.289289.com-彩神网论坛-| www.744427.com-兴华彩票兼职| www.913677.com-快三提现-| www.989695.com-湖北快三开售时间| www.486976.com-北京福彩电话投注| www.810869.com-中国福利彩票的书| www.570953.com-快三长龙分析| www.706516.com-2020幸运彩票| www.835616.com-买彩票用什么软件好| www.923286.com-深圳体育彩票店招聘| 爱购彩票www.355240.com| www.pk63.com-中彩票的利弊| www.1052.wang-河北快三合之| www.633150.com-竞彩篮球规则改变| www.777361.com-易盈彩票简介| www.207144.com-彩票软件插件制作| www.380163.com-乐彩牛彩网网| www.71399.com-新浪胜负彩必发市场| www.567555.com-天津津南区福彩中心| www.357277.com-送彩金赛车平台| www.478132.com-众投彩合法吗| www.582542.com-下载福彩门户| www.658876.com-红牛彩票首页| www.752098.com-今日彩票晒票的| www.5454.in-彩38备用网址| www.1485.top-彩博888怎么样| www.108282.com-高频彩背后的秘密| www.525986.com-竞彩投注计划方案| www.611169.com-盈彩彩票苹果版| www.304638.com-买足球彩票的app| www.464703.com-体彩大乐透技巧稳赚| www.582225.com-金鹿彩票快三| www.721308.com-彩宝网首页新版| www.814910.com-河北省体育彩票中心| www.971418.com-彩票店主众筹| www.bc25.com-内蒙古福利彩票结果| www.231729.com-49c彩票登陆| www.155241.com-足彩中奖规则| www.75651.cc-体彩大乐透模拟投注| www.887782.com-几个靠谱的彩票网站| 网易彩票www.07163y.com| www.6301.pw-新型隔热防腐彩铝板| www.596052.com-2016年福彩和值| www.668588.com-非凡网彩票走势图| www.740527.com-澳门傅彩网站| www.806038.com-球酷彩票-| www.870557.com-易彩票手机版| www.928358.com-北京福彩网上投注站| 华人彩票www.hr0888.com| www.fv93.com-北京快三最大遗漏值| www.974141.com-外国彩票-| www.by51.com-体彩竞猜足球比分| www.6449.pw-33彩票是谁超控| www.200667.com-甘肃快三开奖果| www.259811.com-内蒙古福利彩票快3| www.318478.com-福彩排列七奖池滚存| www.377134.com-美国人结婚送彩礼吗| www.456467.com-乐吧时时彩-| www.529563.com-彩票开奖没直播吗| www.584088.com-福彩中心安全吗| www.637997.com-买彩票是骗人的吗| www.694238.com-福彩3d之家论坛| www.763198.com-01cp彩票-| www.822222.com-5oo彩-| www.888823.com-87彩店怎么当店主| www.949842.com-百宝彩票app下载| www.989460.com-c乐彩-| www.aa08.com-福建快三跨度表| www.327189.com-澳洲时时彩网| www.409623.com-3d天天彩电子报| www.496441.com-上党沁县李彩英古书| www.562508.com-速8彩票下载| www.932442.com-澳洲赛车彩票网站| www.188283.com-东北人玩彩-| www.254431.com-山西福彩-| www.317488.com-吉林快三跨服| www.377457.com-彩票开奖体彩开奖| www.460634.com-排三彩吧预测| www.ue92.com-彩票属于赌博| www.89jx.com-守信彩票合法吗| www.4298.vip-福彩山东快招| www.60bm.com-app福利彩票| www.35597.cc-福利彩票专家杀号| www.096609.com-南昌福彩兑奖地址| www.188842.com-彩票改20分钟| www.y43.club-财神八彩票网| www.63wk.com-彩吧图库试机号| www.94ej.com-8彩票链接-| www.3728.cn-香港球彩台直播| www.9585.biz-杭州竞彩店查询| www.av78.com-体彩排列五走势图表| www.194808.com-正规十大搏彩网站| www.525414.com-北京时时彩群| www.685539.com-福彩3d任意和查表| www.549623.com-在线购买足彩| www.210507.com-快3注册送彩金的| www.115714.com-中国竞彩500网| www.082838.com-大奖网买彩票可靠吗| www.789597.com-竞彩让平干货| www.872420.com-快三胆码拖码| www.cp902.com-百姓彩票app下载| www.mu26.com-彩报库图-|