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.50fu.com-烟台福彩中奖规则| www.930274.com-55彩票官方最新版| www.e27.top-旺彩买双色球合法吗| www.867589.com-彩票助赢软件app| www.70528.com-五分快三猜号技巧| www.026671.com-辉煌彩票是骗局么| www.13240.com-竞彩能不能赚钱| www.831266.com-十四场胜负彩四月| www.537055.com-彩票加油微信头像| www.750332.com-中彩在线娱乐| www.905608.com-快三如何倍投不赔| 大赢家彩票平台www.702152.com| www.14qb.com-百乐彩登陆-| www.5200.vip-信誉好的时时彩平台| www.63228.com-网易彩票足球推荐| www.2009.in-二分钟彩票正规吗| www.986457.com-竞彩足球预测分析| www.ea87.com-彩票幸运农场玩法| www.vu80.com-山东彩民论坛| www.20jm.com-买彩票中了20万| www.96to.com-彩票送100%-| www.697393.com-七星彩头尾一赔几多| www.090524.com-福彩双色球走势图2| www.261062.com-尊彩网是什么网站| www.699150.com-网络卖彩票会坐牢吗| www.70965.com-彩票刷子方案| www.542341.com-360导航彩票| www.855443.com-广西快乐双彩玩法| www.860373.com-体彩天下合法吗| www.973842.com-彩票分析预测大师| www.eg53.com-体彩大乐透开奖走势| www.546.tv-职业彩票玩家月入| www.5365.vip-排五最大中奖彩票| www.v21.com-双色球彩宝贝杀蓝号| www.523860.com-黑彩平台登陆页| www.819663.com-易中彩票平台可靠吗| www.lb55.cc-中奖彩票app官网| www.708448.com-陌陌里叫你买彩票| www.127070.com-彩铅画人物教程图解| www.8216.cn-玖富彩票网-| www.293049.com-詹天佑福彩3d今天| www.540551.com-福彩p62往期开奖| www.025871.com-百胜彩票苹果app| www.580156.com-买彩票免费领彩金| www.829829.com-耀州彩票店转让信息| www.fi17.com-彩票43个亿元大奖| www.213.red-三毛彩票app| 发彩www.50732h.com| www.025781.com-7乐彩开奖时间| www.097497.com-旺彩网彩预测| www.979263.com-和玺彩画-| www.be32.com-内蒙古福彩管理中心| www.10cr.com-福彩123论坛| www.3sf.com-快乐彩票五-| www.412003.com-小草彩钢围挡定做| www.611223.com-彩票贷款案例流程| www.q09.cn-利盈彩票-| www.192041.com-彩票计划软件9cb| www.408788.com-体育足彩aop| www.692759.com-辽宁福彩网排列5| www.835938.com-广东彩王百分百| www.906073.com-福彩查询双色球| www.965145.com-博彩代理怎么赚钱| 500彩票www.647577.com| www.ir09.com-下载360彩票| www.683130.com-代买幸运快三| www.682887.com-福彩3d算胆软件| www.62bn.com-福彩网上投注app| www.67725.com-买彩票一夜暴富实例| www.22186.cc-经济频道天天福彩| www.020443.com-38彩-| www.112452.com-网络彩票代理赚返点| www.940822.com-台北快三有什么规律| www.998938.com-头条彩票网站| www.go99.cc-河南彩色道路| www.967973.com-快三长龙提醒app| www.00566.com-天意精彩3d预测| www.004648.com-彩票开奖查结果| www.058845.com-2019快三走势图| www.052235.com-三d福利彩票和值| www.204582.com-江西多乐彩开奖走势| www.59mn.com-彩钢瓦房顶隔热| www.32566.cc-南阳彩礼多少钱| www.539665.com-彩虹的约定钢琴简谱| www.82wi.com-三弟字谜多彩网| www.rl85.com-网投快三是不是骗局| www.22cf.cc-怎么加彩票内部人员| www.562219.com-万彩影像大师能破解| www.671766.com-体育彩票出什么号| www.865574.com-彩票加盟代理| www.948192.com-3d好彩网图迷总汇| www.553016.com-高手网彩票免费资料| www.629162.com-竞彩網-| www.710137.com-彩票怎么套彩金| www.798756.com-时时彩胆码是意思| www.19oo.com-彩仙阁挂机软件怎么| www.89sy.com-亿发博彩app| www.7493.me-大吉彩票软件下载| www.lk56.com-彩店宝彩票app| www.005268.com-快三怎么追号| www.101157.com-彩运宝-| 乐博彩票www.377034.com| www.48765.com-福彩3d和值尾| www.n88.me-快彩电视走势图下载| www.723447.com-今日彩票开奖诘果| www.798613.com-彩虹8app彩票| www.869509.com-三亚七星彩投注网站| www.yh70.com-淘宝还可以买彩票吗| www.09ez.com-703com彩票| www.gw25.com-体彩直播-| www.0164.org-彩票联盟的网址08| www.189284.com-网站彩票骗局大揭密| 中华彩票www.914909.com| www.46080.com-安徽省福彩领奖地址| www.023988.com-福彩东方6十1| www.31836.cc-竞彩网完整比分直播| www.dx08.com-吉林快三手机版下载| www.h42.com-免费彩票资料大全| www.44ky.cc-竞彩足球游戏规则| www.285.cc-民权结婚彩礼| www.3724.pw-彩站初几营业| www.302202.com-全民中彩app下载| www.381549.com-周日什么彩票开奖| www.521518.com-保定福彩中心扶贫| www.582930.com-老婆玩彩票输了2万| www.651596.com-永利网彩票平台| www.947881.com-网上购彩有哪些网站| www.bm36.cc-11选五手机购彩| www.924287.com-福彩彩票3d-| www.22074.com-彩票预算软件排行榜| www.912881.com-新浪体彩开奖查询| www.xj09.cc-好彩3复式计算器| www.036579.com-竞彩足球改期怎么算| www.129086.com-彩客网大小分| www.217725.com-福彩快三怎么下载| www.285922.com-彩3彩彩票骗局| www.368808.com-长沙体彩代理| www.498268.com-国家批准的彩票种类| www.839053.com-彩色纸箱定做厂家| www.952420.com-k彩app注册-| www.pi.cc-网上彩票是赌博吗| www.51565.cc-超彩糖-| www.518508.com-美源发彩官网| www.7684.org-彩汪汪双色球预测| www.371500.com-宁波福彩时时彩网| www.890174.com-cba竞彩在哪里买| www.155241.com-足彩中奖规则| www.227977.com-快三套路-| www.590751.com-378彩票下载| www.680653.com-中国体彩老总| www.765977.com-彩之源骗局-| www.829191.com-福建彩票k3-| www.944569.com-什么彩票三分钟一期| www.983556.com-怎么投诉体育彩票站| www.uo.com-中国福彩种类及玩法| www.456926.com-福彩结束时间| www.au33.com-排列5彩票规则| www.074502.com-332彩票app-| www.155761.com-彩票倍数-| 融彩网www.rcw321.com| www.728508.com-雪缘园足球彩比分| www.003573.com-注册彩之源邀请码| www.103509.com-78彩票总经销商| www.162025.com-v8汇彩网-|