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.069110.com-彩之星下载专区| www.194551.com-吉林快三是啥意思| www.455399.com-福乐彩是干嘛的| www.338190.com-可以合买彩票的网站| www.250296.com-正规分分中彩票| www.990670.com-山东体彩网即开订票| www.6798.top-佬牛足彩推荐今日| www.459883.com-篮彩开奖-| www.613737.com-彩虹六号怎么到国服| www.732216.com-大发云熊猫彩| www.811939.com-新昌双彩农家乐| www.901491.com-吉林福彩快三庄家| www.980122.com-竞彩让球胜平负推荐| www.qg73.com-日本好彩香烟价格| www.29il.com-体彩投注软件山东| www.811.org-上海彩票店电话| www.8745.top-明发彩票安卓软件| www.695027.com-雪缘园足彩误差| www.801382.com-彩猫不给提现| www.892946.com-全民彩官网-| www.961216.com-分分彩辅助预测软件| 大赢家彩票平台www.810355.com| www.va04.com-福彩3d太湖字謎| www.32ij.com-金钱豹天空彩票| www.8822.bid-博彩团队计划| www.44252.com-创富彩票正规吗| www.505457.com-深圳体育彩票转让| www.c88.org-百宝电子彩票走势图| 彩票58www.585277.com| 多乐彩票www.364141.com| www.64ss.com-乐合采竞彩最新版本| www.323613.com-七乐彩开奖历史查询| www.132809.com-彩色混凝土工艺| www.238638.com-淘宝彩票停售| www.333934.com-购买体育彩票| www.25736.cc-竞彩容错怎么投注| www.814589.com-河北省福利彩票招聘| www.276657.com-深圳福彩22选1| www.383621.com-下载彩客网-| www.500351.com-好好彩票-| www.579894.com-七彩星小说-| www.650280.com-彩虹伞的户外玩法| www.716875.com-彩铅彼岸花画法| www.789214.com-足彩6倍投盈利计划| www.860951.com-好彩3玩法介绍| www.919679.com-彩软软件园-| www.974651.com-app众彩官网下载| www.kd.com-038彩-| www.44tw.com-a彩娱-| www.42604.com-彩经网是正规网站吗| www.12zv.com-体彩100期开机号| www.89ua.com-手机收博彩信息| www.8788.vip-3d彩票ai预测| www.49962.com-快三豹通中了多少钱| www.3050.vip-金祥彩票网登录| www.042347.com-快易彩app下载| www.961242.com-快3赌彩票家破人亡| www.66252.com-中国福利彩票下注| www.0165.xyz-网上时时彩有几种| www.054438.com-竞彩足球赛程| www.890489.com-彩29彩票网-| www.cai880.com-一分快三是什么| www.889977.com-cba彩票在哪里买| www.540532.com-肌肉同志彩漫| www.636611.com-彩虹六号主动式防御| www.775769.com-彩票53网-| www.945848.com-足彩半全场玩法介绍| www.gu27.com-彩票如何设置返点| www.21967.cc-彩票刷子是什么意思| www.735377.com-乐橙买足彩-| www.899164.com-彩神通会员怎么办理| www.90ai.com-香港彩票投注网站| www.95ef.com-福利彩票加盟提成| www.894650.cc-今天彩票图片大全| www.49976.com-陕西体彩中心官网| www.cai54.cc-河北快三开奖结果| www.522470.com-乐我时时彩计划网| www.773691.com-腾讯分分彩开奖快| www.788168.com-中国足彩票365| www.536926.com-数字型彩票的原理| www.20320.com-3号彩票安全吗| www.006538.com-2019年彩票整顿| www.245478.com-微信朋友介绍买彩票| www.388841.com-手机在线体彩法吗| www.521292.com-彩经网走势大全| www.94is.com-易彩云客服-| www.8841.biz-神奇的二组彩票数字| www.071337.com-人人红彩票-| www.710503.com-鼎隆刷彩是做什么的| www.11xv.com-彩票每日签到送现金| www.75656.com-彩票一拳-| www.201304.cc-七星彩坐标走势图| www.351489.com-933彩票邀请码| www.579816.com-中国体彩网址| www.69473.com-98彩票官网合法吗| www.062381.com-e球彩开奖历史| www.5321.biz-手机qq彩色字体| www.17951.cc-东方彩票客服电话| www.189491.com-湖北快三玩法技巧| www.520954.com-99彩票下载安装| www.228801.cc-广东好彩3玩法| www.548777.com-苹果原彩-| www.081777.com-护肤彩妆加盟| www.836988.com-竞彩篮球投注软件| www.7886.cc-体体彩排列五走势图| www.494125.com-京彩7515网页| www.46743.cc-好彩二复式计算表| www.771275.com-天天乐购彩票网址| www.877385.com-福利彩票中奖技巧| www.965406.com-玩极速快三的技巧| www.wu7.com-北京体彩快三走势图| www.801977.com-互联网体彩开奖信息| www.896146.com-福利彩票的快乐十分| www.961819.com-登录福利彩票系统| 55彩票www.755874.com| www.1180.pw-体育彩票猜字谜| www.7786.com-新彩课程小结| www.22762.cc-彩票平台送试玩金| www.028168.com-鸿彩网登录入口| www.67es.com-中彩票真的有预感么| www.29220.com-五星彩票官方下载| www.74xr.com-谁用过彩票过滤大师| www.69295.com-足彩任9奖金| www.907043.com-地方快三可靠吗| www.955.xyz-那种彩票最简单| www.183238.com-皇都彩票官网| www.370989.com-中彩网址大全| www.518080.com-一分钟大发快三| www.677098.com-彩票连挂-| www.876594.com-南方彩票网预测分析| www.wd96.com-兰州体彩中心在哪里| www.551.in-pp彩票官网-| www.730973.com-双色球易彩网预测| www.822612.com-福彩双色球资深专家| www.913606.com-8彩客站邀请码| www.992252.com-时时彩定位胆经验| www.ij28.com-中国福彩预测下载| www.2nu.cc-彩票值得吗-| www.984972.com-新浪爱彩时时比分网| www.284.tv-河南商丘民权彩礼| www.7875.pw-重庆时时彩调整开奖| www.51158.com-千禧彩票网-| www.85648.com-彩票坑穷人-| www.4am.com-彩票查询快乐十分| www.2825.net-体育彩票未来前景| www.218702.com-江苏快三怎么刷流水| www.638372.com-附近哪有体彩销售点| www.862979.com-星期五是什么彩票| www.965903.com-买彩票幽默的句子| www.fr44.com-中国体彩网官方| www.38yi.com-内蒙快三开奖情况| www.1324.cn-118彩涂-| www.413182.com-有鸿彩直播吗| www.806763.com-7号彩票网址| www.923557.com-高频彩杀一码技巧| www.996699.cc-掘金团队买彩票| www.gi03.com-快乐投手机购彩软件| www.060184.com-今日福彩3d藏机诗| www.163709.com-聚彩彩票做多久了| www.467357.com-七乐彩的中奖| www.553771.com-山西老张竞彩| www.611590.com-八方彩票网官方端口| www.676314.com-彩礼退还的司法解释| www.739996.com-彩票大小单双走势图|