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.68zl.cc-福乐彩开奖号码| www.631502.com-大丰彩票网址| www.055742.com-彩票多少位数字| www.773023.com-比较准的彩票预测| www.ws79.com-网易彩票时时彩杀号| www.0133.top-有无彩色系-| www.95nj.com-通鸿网彩票是真的吗| www.653473.com-彩票c66-| www.7122.pw-3d彩跨度有多少组| www.582050.com-福彩赚了多少钱| www.8855.bid-七星彩共几个号码| www.2288.cc-买商品送彩票违法吗| www.345975.com-爱购彩手机登录| www.553086.com-玩分分彩害了多少人| www.535365.com-5位数是啥彩票| www.650504.com-北京快三和值公式| www.740047.com-澳门彩票怎么买的| www.866398.com-中国体彩投注| www.946932.com-彩色沥青设备| 亿发彩票www.605733.com| www.8lw.com-四个号码的彩票| www.610053.com-12彩票手机版下载| www.931825.com-中原彩票怎么样| www.797.in-福彩新浪直播| www.029000.com-大乐透杀号彩宝贝| www.994353.com-体育彩票兑奖查询| www.en64.com-中彩快三-| www.7472.cn-彩票店电话号码| www.023783.com-彩票客户端哪个好| www.163200.com-彩吧图库小军第四| www.484200.com-乐彩客苹果下载| www.8693.top-福彩预测今天出号| www.93223.cc-竞彩倍投害死人| www.qn89.com-上期七星彩开奖号码| www.595022.com-有诚信的彩票程序| www.8271.xyz-福彩每期销售额| www.13hj.com-2019年彩票做假| www.502744.com-中学生玩彩票| www.2497.cc-天猫彩票注册网站| www.840055.com-官方快三彩票| www.958827.com-春节后彩票开奖日期| www.cp3132.com-新快三游戏手机| www.ou96.com-中国福彩3d试机号| www.234444.com-福彩3d奖励规则| www.563208.com-9老彩民高手论坛| www.657641.com-彩票360专家杀号| www.750776.com-玩时时彩有赢钱的吗| www.0756.cm-高频彩彩票开奖原理| www.037270.com-福利彩票3d开奖号| www.954494.com-彩宝彩票官方网址| www.gg2.com-幸运快三计划网| www.312459.com-七乐彩预测总汇| www.441090.com-七星彩直播间| www.555696.com-大快三彩票下载安装| www.625575.com-北京长城彩票| www.668530.com-彩票双色球怎么中奖| www.774757.com-网易彩票软件可信吗| www.888278.com-怎么查询彩票真假| 华彩www.71399x.com| www.rg46.com-时时彩控制开奖结果| www.xl47.com-分分快三作弊器免费| www.21nj.com-gc彩票投资网| www.226148.com-彩票追号概率| www.277270.com-官方彩安全吗| www.424322.com-福彩中心官网8炫彩| www.8400.org-乐福彩票聊天室| www.636079.com-彩虹4无人机价格| www.900058.cc-盈彩网骗局-| www.7347.vip-彩虹6围攻-| www.302559.com-328彩票下载| www.358873.com-七星彩沼泽怎么办| www.cp2918.com-快三高手传授经验| www.186101.com-安卓快三万能辅助器| www.913.website念阿弥陀佛中彩票| www.572001.com-湖北彩票中奖| www.651848.com-九万彩票幸运28| www.g29.club-南国七星彩彩坛| www.951.in-彩票分布-| www.79kd.com-中彩冈3d推荐号| www.63617.com-时时彩专家-| www.92715.com-好聚彩-| www.3073.org-七彩星txt微盘| www.575883.com-6288彩票靠谱吗| www.699282.com-大发时时彩彩票| www.789631.com-竞彩投资计划表| www.862820.com-重庆时时彩购彩大厅| www.922381.com-约彩彩票手机软件| www.980293.com-我想买彩-| www.zh4.com-江苏快三二同号推荐| www.sm02.com-中国重庆时时彩官网| www.197922.com-下载河北快三助手| www.135533.com-大发快三网址谁有| www.310371.com-山东省彩票兑奖| www.395347.com-彩虹岛270武器| www.590939.com-东北结婚彩礼给什么| www.978646.com-福利彩票快三查询| www.cp8788.com-福彩快3交流群| www.151068.com-51彩店下载-| www.266442.com-福彩排列7走势图| www.358558.com-体彩键盘修改号键| www.305647.com-游戏厅彩票送礼| www.817780.com-网上赌博送彩金| www.22357.com-彩礼和嫁妆的比例| www.589977.com-七星彩基本走势图综| www.660597.com-彩6买什么版本好| www.183782.com-上海福彩快3今天| www.236095.com-江苏快三网易彩票| www.343949.com-彩票争霸提不了现| www.28am.com-海南私彩七星彩玩法| www.799201.com-欢迎一品彩票网| www.804005.com-陕西省体彩11选五| www.53024.com-全天最准时时彩计划| www.cv09.com-搭建网络时时彩平台| www.1521.online赤峰体彩中心电话| www.8949.cc-彩75怎样-| www.858722.com-福建福彩中心领奖处| www.ze06.com-彩47-| www.81pc.com-竞彩足球3串1中奖| www.357.net-高频彩网投平台| www.8048.loan-简单唯美的水彩画| www.45902.com-体育彩票f1-| www.059591.com-乐彩神app邀请码| www.908105.com-七星彩中奖怎么领奖| www.199412.com-乐彩太湖字迷网| www.262808.com-内蒙古快三选号口诀| www.323272.com-体彩nba分析预测| www.711163.com-黑彩票不能提款| www.002271.com-七乐彩能买七个号码| www.7662.me-福彩标志含义| www.5589.wang-七乐彩15期-| www.1325.vip-福利彩票广告| www.66189.cc-体彩奖号app| www.098819.com-快5彩-| www.877069.com-体彩速查表数字图表| www.967265.com-河南快三和值图| www.ij.com-中国中国足彩网| www.wt16.com-18彩票网-| www.46bs.com-彩票店和什么一起卖| www.1788.cm-福彩彩吧图迷汇总九| www.641969.com-彩票字母含义| www.cai3331.com快三是啥-| www.vv72.com-怎么看彩票是否中奖| www.32vg.com-淄博体育彩票加盟| www.39680.com-彩票助赢助手| www.22592.com-福彩双色球单注奖金| www.361903.com-福利彩票开奖图片| www.376287.com-越博彩票-| www.809736.com-彩票如何中大奖| www.0032.com-现在有多少种彩票| www.25ng.com-华彩公司-| www.cp1702.com-彩票实时计划| www.z44.bid-彩神88骗局-| www.1288.site-时时彩试玩平台| www.5862.com-最新中奖彩票图片| www.331650.com-体彩排列三四机号| www.328609.com-七星彩开奖直播视频| www.542922.com-昨天体彩体彩开奖号| www.2085.vip-江苏体彩19034| www.507961.com-福彩3d彩票2元网| www.588234.com-福彩彩票助手| www.3922.com-3dvip彩票推算| www.127489.com-彩宝贝双色球预测| www.398422.com-七星彩最新推荐| www.600673.com-现在彩票还有人买吗|