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.4428.me-福彩图库总汇| www.6302.vip-彩钢卷多少钱一吨| www.984035.com-75彩票是真的吗| www.td09.com-玩彩票足球赢钱大吗| www.009.cm-彩神8赚钱吗| www.8666.red-快乐彩怎么看开奖| www.73259.com-上期彩票得主死亡| www.66221.com-时彩族官网博客计划| www.507692.com-世界彩票三级认证| www.616149.com-体彩扑克3规则| www.731544.com-体彩怎么买球| www.sf68.cc-腾讯分分彩平投盈利| www.94md.com-体育彩票选几个号| www.7308.cm-福彩包括哪些彩种| www.48940.com-瑞彩祥云x-| www.89095.com-澳门博彩足球比分| www.603769.com-粉彩宣纸价格| www.709210.com-新浪竞彩足球胜平负| www.790957.com-缅甸好彩柠檬双爆珠| www.867965.com-特区彩票网网站| www.935705.com-上海时时彩开奖纪录| www.990893.com-4s彩票现场-| www.br89.com-彩票号码分析器| www.wy12.com-昨天彩票出什么号| www.971500.com-陕西福彩3b字谜| www.312628.com-快购彩平台怎么样| www.426710.com-体彩排3藏机图| www.553989.com-安卓版时时彩计划| www.657546.com-福彩复式专家| www.807850.com-福利彩票正版app| www.12rm.com-福彩彩吧图库第五版| www.0773.bid-彩播和绿播的区别| www.395595.com-竞彩篮球职业| www.518104.com-彩票时票拍照| www.599233.com-海南福彩中心| www.680917.com-怎么种彩票-| www.770384.com-彩票店承包黑彩| www.857868.com-雪园足彩比分| www.67ua.com-利来彩票app| www.565737.com-正规彩票是哪几种| www.817789.com-体彩杀号定胆码预测| www.925933.com-500彩票预测| www.cai5676.com内蒙快三开-| www.006239.com-柬埔寨一分彩开奖| www.716708.com-古代人物彩铅画图片| www.345314.com-快乐彩价格-| www.369026.com-福彩三d5000期| www.072522.com-6亿彩票6e-| www.255816.com-盈彩彩票网站| www.359393.com-七星彩打什么奖好| www.522258.com-pp彩票官网-| www.810685.com-彩票软件店主版| www.0478.cn-开奖公开奖公告彩票| www.661971.com-竞彩足球截止时间| www.ug43.com-正规私彩平台有哪些| www.37se.com-快三和值概率图| www.6665.org-多赢彩票可靠吗| www.551799.com-福彩擂台赛中彩网| www.726793.com-乐彩缩水软件| www.883965.com-浙快乐彩开奖结果| www.00014.com-7070彩票安卓版| www.267911.com-广西快三一定牛走势| www.355110.com-河南快3彩票网| www.470073.com-境外博彩举报有用吗| www.579496.com-雪缘足彩山分直播| www.660309.com-智能预测大数据彩票| www.748119.com-中彩的邀请码是多少| www.831101.com-广州彩妆厂家| www.908997.com-广西快三二码遗漏表| www.970162.com-玩運彩-| www.gq4.com-安徽快三漏洞| www.sw16.com-沂风沂俗彩票秘密| www.252732.com-时时彩计划宝典| www.306353.com-388彩票app-| www.098837.com-电脑彩屏-| www.933361.com-各省快三球走势图| 惠民彩票www.hmfc8.com| www.87584.com-体育彩票刮刮乐种类| www.736888.cc-上海彩票兑奖中心| www.922187.com-温州快乐彩电视走势| www.93wr.com-空新彩票与你同行| www.7183.vip-中国彩宝哪个品牌好| www.954913.com-澳洲3分彩-| www.954784.com-今晚彩票开开奖结果| 大赢家彩票平台www.136503.com| www.ld02.com-234彩票的网址| www.u25.cc-赢彩网怎么玩| www.76th.com-大乐透探码图彩民乐| www.045642.com-c81彩票注册网站| www.924705.com-奖金过亿的彩票| www.163900.com-假彩票粉-| www.902373.com-福彩勇士争先规律| www.974889.com-055hcc福彩网| www.sk4.com-体育彩票怎么看中奖| www.um07.com-3d字谜双彩论坛| www.22er.com-酷彩吧中奖怎么领取| www.uf87.com-在线购彩-| www.22nl.com-彩票开奖免费领彩金| www.93ms.com-英国5分彩开奖网| www.469099.com-时时彩个位是第几位| www.41ze.com-胜负彩复式表| www.731270.com-签到送彩金的app| www.0780.org-购彩网下载链接| www.26528.com-竞彩玩法介绍| www.057886.com-河北福彩快三彩经网| www.007573.com-南国彩票论坛特区| www.c07.top-福彩三d和值尾| www.77wi.com-外国人在日本买彩票| www.949720.com-苏快三大小怎么买| www.136866.com-福彩怎么申请开店| www.256914.com-7070彩票苹果版| www.019220.com-买彩票多少钱| www.188394.com-安徽快三规则| www.278695.com-彩票中心官网| www.029795.com-国民彩票官网下载| www.120795.com-彩票双色球往期| www.592151.com-荣耀彩票网站| www.525379.com-时时彩高频计划网| www.486903.com-足彩相关术语| www.609817.com-世爵彩票直属账户| www.147366.com-手机能买的彩票网站| www.739414.com-彩票99单机游戏| www.xn59.com-手机彩票分析软件| www.1366.pw-vr彩票是正规的吗| www.640342.com-新浪爱彩pc版| www.863973.com-体彩开奖信息时间| 红旗彩票www.39957b.com| www.916513.com-私彩平台怎么赚钱| www.04428.com-什么平台可以买足彩| www.592.in-如何破解博彩| www.7373.in-彩票公益金余额| www.242333.com-国外教授破解彩票| www.538677.com-三d牛彩试机号后| www.827361.com-彩票顺龙会赢钱吗| www.886666.com-福利彩票中奖是什么| www.948962.com-网上彩票平台排行| 500万彩票www.39500j.com| www.fi44.cc-彩票注册领取| www.wa57.com-山东体彩在线| www.039000.com-中国福利彩票的群| www.999996.com-彩票帮投陷阱| www.42jv.com-下载中国彩票开奖| www.840363.com-福彩年销售量| www.3535.com-今日七乐彩推荐号码| www.66150.cc-3d福彩过滤器苹果| www.289142.com-乐彩网首页电脑版| www.dp98.com-哪个省的快三比较真| www.461.cn-快三限号怎么办| www.6611.site-乐都彩票登录| www.230797.com-彩运网骗局-| www.298112.com-东北快三查询| www.374813.com-快三每天提现额度| www.480560.com-新浪彩票旧版大全| www.449400.com-彩运连连双色球| www.153352.com-时时彩四码技巧方法| www.47667.com-手机体彩app投注| www.37126.cc-天天中福彩-| www.867695.com-今曰开什么七星彩| www.382996.com-中国彩票作弊案| www.62mm.com-福彩选四开奖| www.317267.com-湖南省福彩兑奖中心| www.396721.com-体彩3走势-| www.345303.cc-彩运无限app下载| www.09806.com-重庆5分时时彩计划|