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天

知道了
百盈PK10 www.50223.com-玩彩网苹果版下载| www.pi49.com-足彩十四场比赛直播| www.4383.xyz-福彩双色球5等奖| www.os13.com-老彩民app-| www.lc45.com-内蒙时时采彩走势图| www.270144.com-官网248彩票| www.679216.com-中彩票的福报| www.772494.com-重庆时彩客户端| www.808188.cc-竞彩足球官方微信| www.106544.com-彩票77官网-| www.254041.com-足彩加app官网| www.501833.com-k彩上级不给分红| www.mp08.com-赌博送388彩金| www.he9.cc-爱彩乐彩票网| www.90pi.com-福彩3d小军黑苍蝇| www.852925.com-内地人香港中彩票| www.508849.com-牛逼彩票下载| www.297268.com-37彩票平台| www.62840.com-新万彩吧下载安装| www.77wi.com-外国人在日本买彩票| www.386047.com-瑞彩祥云平台租用| www.91na.com-期期中彩票网| www.fy21.com-快乐彩输-| www.686440.com-七星彩守号码| www.682359.com-足彩交流qq群| www.122559.com-彩世界手机版apk| www.220507.com-快三昨天开奖号码| www.344999.cc-八亿彩靠谱吗| www.226177.com-深圳快乐彩20选1| www.183115.com-快三客软件-| www.82yq.com-福彩3d算法必中| www.056477.com-快三哪里买-| www.188277.cc-彩票数据中心快3| www.101394.com-大发时时彩破解软件| www.17922.cc-聚星彩票下载| www.64517.com-手机买竞彩正规软件| www.924846.com-世纪佳缘彩票诈骗| QQ彩票www.89894r.com| www.57080.com-排三乐彩网开奖| www.513566.com-时时彩一星复式规则| www.650588.com-早教彩虹伞亲子游戏| www.745917.com-福彩抽奖是真的假的| www.828638.com-香港6118彩票| www.904545.com-南昌福彩中心怎么样| www.969463.com-6118彩票app| www.cp513.com-如何玩福彩快三稳赚| www.lo33.com-中国正规的彩票软件| www.f75.net-蓝海娱乐彩票骗局| www.96165.com-彩票买的时间| www.66719.cc-今天双色球彩票指南| www.ys3.cc-送彩票-| www.6nl.com-彩票秘密中亿元大奖| www.851.me-大公鸡七星彩票| www.7068.cc-神彩通代理会员| www.35844.com-上海快三破解器| www.002987.com-体彩七星彩摇奖器| www.1331.in-福彩出奖结果| www.136769.com-利彩彩票站彩平台| www.933995.com-1分快三精准计划网| www.bb19.com-快三挣钱方法| www.72768.cc-竞彩彩民落难| www.63859.com-福利彩票图纸| www.uk43.com-内蒙时时彩开奖今天| www.38et.com-休彩现场直播本港台| www.528.red-体彩彩票站加盟| www.329321.com-梦到彩票中二等奖| www.8222.cm-澳门有哪些彩票发行| www.647237.com-足彩14场购买技巧| www.961514.com-福彩3d快三走势图| www.84055.cc-彩票中心兑奖给支票| www.9930.vip-搜狐福彩走势图| www.336731.com-上海福利彩票时时彩| www.659717.com-中国福利彩票说明| www.070937.com-河南省彩票中心| www.209605.com-体彩三-| www.9rd.com-七星彩012路技巧| www.118094.com-浙江体彩网-手机版| www.511940.com-彩票2000体验金| www.909988.com-谁有微信彩票群号| www.924939.com-丹麦快乐彩在线预测| www.174808.com-快三线上平台赚钱吗| www.756832.com-彩票竞猜补偿| www.533.cm-新星彩买马网站| www.42.cc-新彩票安卓版下载| www.47505.com-好彩店彩票提现不了| www.042588.com-七星彩开奖记录表| www.9306.cm-七乐彩顶测-| www.922187.com-温州快乐彩电视走势| 中国福利彩票www.34788i.com| www.cai9456.com七星彩今日开奖号码| www.1216.xyz-华彩控股股价| www.20205.com-体彩283包2-| www.539424.com-分分彩追杀系统| www.190393.com-快三游戏图片| www.282367.com-特区体彩论坛| www.262632.com-江苏福彩3d开奖| www.14mf.com-七星彩冷热怎么查询| www.g14.net-海南体彩网官方网站| www.952290.com-快彩11选5开奖| www.jn70.com-一定牛贵州快三| www.37aj.com-新浪爱彩买不起了| www.sb.cc-福利彩票天天快3| www.tw17.com-立彩屠龙团队| www.02gb.com-江苏快三三不同号推| www.71lo.com-买彩票的打油诗| www.219078.com-百姓彩票苹果版| www.p45.cc-乐城网购彩-| www.tj22.com-福彩老头3d预测| www.550853.com-凤凰彩票导航网| www.253172.com-36选7好彩一| www.387411.com-钢化彩膜好不好| www.566505.com-棋牌彩票游戏| www.976008.com-河南双色球中奖彩票| www.20255.cc-深圳福彩中心电话| www.592786.com-广西福彩七彩乐开奖| www.63qu.com-哪里有卖彩票平台的| www.4838.vip-e乐彩注册-| www.240440.com-福彩3d字迷解| www.369142.com-体彩31开奖结果| www.974215.com-彩铅画花卉图片| www.565867.com-体彩481怎么投注| www.992772.com-福彩无人售票机代理| www.259849.com-河南福彩自助机| www.373587.com-快三连开最高纪录| www.25ky.com-上海华彩咨询集团| www.se4.cc-分分快三如何买和值| www.7282.pw-带彩虹的儿歌| www.444293.com-福彩3d妖精和差| www.595999.com-互联网买彩票| www.668995.com-讨论彩票的贴吧| www.9564.cn-风彩的意思有几种| www.29wj.com-长春开彩票站| 华为彩票www.hw1100.com| www.7268.xyz-彩虹六号加固墙现实| www.199995.com-幸运彩河南福彩网| www.332207.com-鸿运彩票-| www.529325.com-附近有彩票店没有| www.659423.com-快三稳定盈利技巧| www.765294.com-乐盈彩票是真的么| www.983303.com-足彩app哪个好| www.590200.com-3d彩票和值表| www.838069.com-10086彩票-| www.672110.com-全民彩金下载| www.791015.com-黄鹤楼迷彩烟| www.222170.com-七星彩赔率是多少| www.178941.com-广西快三遗漏值表| www.982314.com-六福彩今天开奖| www.055504.com-体彩快三玩法介绍| www.00534.com-快三一注-| www.70642.com-彩票代玩真的假的| www.312442.com-七乐彩预测专家| www.35333.cc-江苏福彩快三交流群| www.482052.com-机选大乐透彩票号码| www.898603.com-美团彩票靠谱吗| 55彩票www.755705.com| www.yx77.cc-红旗彩票登录| www.39dj.cc-幸福彩频道节目表| www.2458.cm-厦门博金彩票| www.01466.com-开福彩店哪些赚钱| www.522351.com-极速赛车是什么彩| www.622300.com-3d彩报时报总会| www.559475.com-多彩网app安卓版| www.768440.com-辽宁体彩网唯一指定| www.8737.org-今天休彩试机号|