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.433318.com-奔腾彩票72723| www.ln07.com-中彩吧正规吗| www.6588.net-彩票白菜网址| www.625602.com-七星彩网易彩票预测| www.9385.me-安徽彩礼一般给多少| www.505414.com-快三单双技巧规律| www.15ub.com-幸运彩45-| www.01ra.com-江苏快三冷号记录| www.0004.org-买彩票有什么窍门吗| www.537663.com-中彩网字谜图谜汇总| www.477895.com-佛山福彩中心| www.609517.com-福州市体彩店| www.749567.com-2018117彩票| www.875897.com-彩神8网址是多少| www.995436.com-竞彩盈亏指数| www.sh69.com-体彩七-| www.109425.com-北京福彩网怎么开奖| www.540095.com-发彩网8828-| www.835501.com-好彩3的玩法| www.240566.com-彩铅画古风-| www.349385.com-乐彩网用户-| www.604508.com-足彩高手中奖彩票| www.716887.com-彩铅画图片简单儿童| www.847890.com-湖北彩票预测网站| www.cp7557.com-颖彩双色球蓝球推荐| www.ra41.com-上海快三三不同买法| www.46hb.com-彩票春节休市几天| www.cp6782.com-268彩票app-| www.44995.com-跟着计划员买彩票| www.xu29.com-中彩票守号最长故事| www.778145.com-旺彩双色球电脑版| www.751449.com-淘彩app正规吗| www.037732.com-彩万宝软件-| www.739598.com-中信彩票网站首页| www.864824.com-彩膜怎么贴-| www.962815.com-银河彩票软件| 彩票5www.674577.com| www.934234.com-最准预测彩票号方法| www.438834.com-彩票内部招商| www.373810.com-好彩1出号走势| www.107339.com-500彩票开挂软件| www.004587.com-湖北快三封盘时间| www.929524.com-七星彩从几选到几| www.77385.cc-香港旺彩4肖8码| www.356740.com-彩票3d周易独胆王| www.94654.com-南国彩票开奖结果| www.250388.com-全民彩票邀请码| www.335449.com-买彩票app官网| www.jz46.com-七星彩兑奖规则| www.133133.com-彩色包装袋-| www.383007.com-开户送28彩全| www.756801.com-彩票一期计划网| www.954384.com-90年亚运彩票| www.026679.com-13彩票-| www.226148.com-彩票追号概率| www.318374.com-福彩助手手机版| www.96253.cc-见证中彩票的基督徒| www.837744.com-标准施工彩钢围挡| www.44190.cc-彩票排五预测| www.512073.com-南宁彩票一等奖| www.111789.com-福彩快三长龙助手| www.212229.com-下载瑞彩祥云快3| www.9ve.com-福彩3d断组规律| www.133149.com-3分快三精准计划网| www.205789.com-大发快三走势怎么看| www.150864.com-万彩吧苹果版下载| www.0521.org-福彩今晚金码试机号| www.108094.com-亚洲彩票信誉| www.96796.cc-小崔彩票采访视频| www.fo14.com-体育彩票31选7| www.100964.com-中彩网三d综合版| www.081142.com-稳赚彩票视频| www.df62.com-旭彩网靠谱吗| www.3kq.com-668时时彩彩| www.952424.com-电视上用的快三软件| www.765487.com-快频彩票网站| www.301816.com-七星彩什么时间开奖| www.553217.com-竞彩如何长期盈利| www.636600.com-彩虹六号冷知识| www.629861.com-百度吉林快三| www.264016.com-正规手机购彩| www.366036.com-五彩斑斓的黑| www.453585.com-老快三走势图带连线| www.318952.com-七星彩说码划规视频| www.411011.com-绍兴市体彩中心址| www.890496.com-彩68安全吗-| www.087377.com-76c94彩票登陆| www.153473.com-赤峰彩票中心| www.015860.com-鸿运彩彩票可靠吗| www.ke66.com-体彩排列三太湖字谜| www.661872.com-竞彩结束多久开奖| www.740368.com-荣彩彩票-| www.871164.com-3d星彩网-| www.946622.com-全部彩种计划| www.997255.com-竞彩足球官网| www.nd31.com-皇都彩票可信吗| www.r63.net-国家体彩中心电话| www.637027.com-彩虹5出口-| www.530070.com-重庆时时彩小鹿助手| www.395281.com-市福彩中心兑奖金额| www.511327.com-豪亨博彩票新网站| www.596659.com-高频彩票极速飞车| www.863219.com-数字型彩票新浪彩票| www.981251.com-彩票作假是国家行为| www.ge5.com-七星彩奖表-| www.243707.com-江苏快三怎么赚| www.4896.vip-福彩3d跟单-| www.861155.com-五分⑥和彩在哪里下| www.948167.com-中彩网专家推荐| 辉煌彩票www.6fa500.com| www.23iw.com-彩票代玩一单一结| www.339404.com-深圳体育彩票店| www.648889.com-七彩椒怎么种| www.040437.com-500彩票怎么样| www.4123.pw-彩虹无人机是国企吗| www.167607.com-极速快3彩票| www.281367.com-破解时时彩软件器| www.949563.com-百盈互动彩票| www.cp2210.com-福彩快三技巧心得| www.nf87.com-乐米彩票首页| www.f22.space-青岛福彩南山养老院| www.12263.cc-浙江快彩走势图表| www.193499.com-体彩排列3中奖玩法| www.3864.biz-易购娱乐彩票| www.247344.com-彩票神争霸8下载| www.4250.top-七彩无码链接| www.352985.com-天彩翼飞1639| www.072015.com-快频彩票下载安装| www.126612.com-印尼五分彩票| www.79151.com-足彩预测单场专家| www.39rz.com-七星彩012走势| www.70965.com-彩票刷子方案| www.94275.com-公益体彩网-| www.198692.com-彩票计划网-| www.988535.com-江西快三投注大厅| www.761399.com-动画好彩妹-| www.sb86.com-玩彩票的真实经历| www.734426.com-排3杀号凤彩网| www.841933.com-买胜负彩赚钱方法| www.931969.com-手机699彩票下载| www.997839.com-体彩和值-| www.bx71.com-彩83app-| www.029751.com-体育彩票专业版官网| www.cai3454.com彩种-| www.7720.biz-大千娱乐是黑彩吗| 众彩www.466518.com| www.00057.com-彩票刮刮卡中奖图片| www.298661.com-qq彩票怎么样| www.936108.com-快三10次倍投计划| 众发彩票www.669zf.com| www.128703.com-福彩吧登录-| www.zj23.com-好运3中奖彩票| www.20oc.com-福彩在线破解| www.0477.date-c彩61登录-| www.378192.com-体育彩票出的什么号| www.497897.com-婚恋博彩骗局帮充钱| www.592820.com-彩虹e台直播| www.672078.com-彩宝彩票服务器在哪| www.760735.com-福利彩票会员预测网| www.48626.com-一赔一彩票平台| www.12184.com-测彩票神准的高人| www.5138.com-乐彩网中彩网| www.171222.com-快三河北今天开奖| www.237383.com-中国体育竞彩网|