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.145221.com-快频彩票软件下载| www.330460.com-足彩让球规则| www.431117.com-三月份开奖号富彩| www.71143.com-福彩福彩开奖| www.811544.com-亿乐彩官方登录网站| www.541444.com-g购彩彩票-| www.72010.com-彩票中奖都有多钱| www.563503.com-微信投彩票怎么投注| www.645795.com-足彩必赢法-| www.885795.cc-xpj国际博彩| www.996006.com-彩通彩票-| www.dq24.com-省份快三是国家的吗| www.549716.com-网上禁止买足彩| www.640268.com-彩多多下载-| www.725601.com-台湾福星彩-| www.830292.com-彩票注册送29| www.972062.com-体彩排五走势图| www.z31.org-怎样提高体彩销量| www.505938.com-中国第一彩票大案| www.595881.com-极速时时彩官网| www.678987.com-中彩冈双色球擂台| www.771306.com-爱彩乐时时彩平台| www.854343.com-pp彩票app-| www.936268.com-福利彩票店怎么赚钱| 818合彩www.www.8000hc.com| www.2789.vip-福彩排三开奖号码| www.857882.com-海南彩票交流平台| www.948714.com-江西快三豹子遗漏| 中彩网www.81233i.com| www.ff34.com-七星彩开奖号码表| www.15ng.com-97彩票我的账户| www.av32.com-ag快乐彩-| www.618142.com-福彩中的幸运彩| www.714200.cc-玩吧福彩快三| www.799163.com-体彩彩票终端机| www.931826.com-中彩网贺老师| 500彩票www.50080t.com| www.s20.online-河北快三开奖规律| www.401655.com-彩客站aqq-| www.703774.com-大发彩票网安全吗| www.827353.com-苹果x原彩显示没有| www.933048.com-网赌时时彩对打套利| 大赢家彩票www.799845.com| www.tc83.com-时时彩五星单式视频| www.1838.space-老彩民欢迎您| www.21718.com-彩票cms-| www.349939.com-六安体彩店转让| www.85259.com-流产3d彩摘网| www.093056.com-全天重庆彩计划五星| www.615906.com-中彩网推荐号码| www.6095.vip-釉上彩怎么画| www.1998.cm-彩票12官方最新版| www.34833.com-害人的福彩-| www.388522.com-迷彩虎军事游戏| www.433116.com-cc彩票资料-| www.nd4.com-湖北快三预测豹子| www.27206.com-一号彩票app下载| www.315754.com-上海体彩网点申请| www.297675.com-玩一分快三欠了三万| www.190413.com-安徽快三app| www.3020.cm-体彩排列五推荐号码| www.386352.com-福彩快3武汉| www.512557.com-彩铅人物简笔画眼睛| www.670.in-重庆时时彩关闭新闻| www.96nu.com-彩排的好处-| www.xo05.com-快3派彩网江苏| www.cai938.com-北京快三是什么| www.mt18.cc-赢彩票与你同行旧版| www.788299.com-足彩任九一注多少钱| www.933147.com-彩票省内都可以兑奖| 网易彩票www.506951.com| 中彩网www.61233hh.com| www.669810.com-极速快三软件外挂| www.510633.com-彩玉手镯-| www.520395.com-彩天堂登录页面| www.45484.com-bbin彩票刷水| www.730111.cc-生彩宝官方下载| www.415552.com-福利时时彩中奖规则| www.43216.cc-中彩网怎么买| www.028611.com-盛彩下载-| www.882404.com-166彩票网登录| www.947740.com-彩票作弊视频| www.988974.com-福彩黑彩网站| www.ur8.cc-乐彩赚钱是真的吗| www.ny94.com-3d中彩娱乐-| www.576486.com-唐山福彩中心| www.639214.com-上海体育彩票喜士多| www.703993.com-世界彩票狂人| www.771478.com-快三组三的技巧| www.831102.com-环彩网触屏版首页| www.889190.com-易彩网彩种-| www.949502.com-李彩漂-| www.992064.com-时时彩选胆诀窍| www.hf6.cc-安徽福彩快三遗漏| www.mb91.com-糖果彩-| www.377377.cc-福利彩票门口对联| www.586110.com-谦喜彩票提现不到账| www.685881.com-免费下载体育彩票| www.68719.cc-廊坊彩票站广阳区| www.069570.com-神彩网app下载| www.258045.com-网络售彩举报| www.ui20.cc-彩票计划软件手机版| www.019476.com-专业彩吧助手吧| www.700839.com-新e时时彩平台| www.813086.com-彩票兼职诱骗| www.952636.com-78彩票总经销商| www.eu10.com-腾讯彩票-| www.884387.com-红五3d彩报图库| www.58518.com-釉中彩餐具能消毒嘛| www.192766.com-彩票选号绝妙方法| www.03863.com-如何劝人不买彩票| www.154505.com-qq分分彩玩法说明| www.434040.com-贵州彩民5000万| www.222433.com-超准彩票计划| www.025144.com-彩票选号分析软件| www.533487.com-瑞彩祥云挂-| www.28842.com-彩票不是赌博吗| www.014508.com-七星彩最好的软件| www.101076.com-快彩网技巧-| www.170711.com-甘肃福彩快3走势图| www.917105.com-彩票33会黑钱吗| www.cai5866.com长春快三走势图线| www.tc69.com-官方彩票有哪几种| www.378408.com-幸运彩45-| www.618005.com-彩票今天中彩网| www.682049.com-微信代买彩票可靠吗| www.563957.com-魅族彩球网靠谱吗| www.8198.cn-澳门彩票资讯网| www.142669.com-彩八彩票是骗局| www.511128.cc-微信彩虹昵称| www.536.name-褔体彩开奖公告查询| www.7152.loan-龙岩七彩艺校| www.255197.com-快三免费助手下载| www.124398.com-怎样鼓励彩民买彩票| www.478775.com-足彩任九全包多少钱| www.45255.cc-99彩票是骗局吗| www.96467.com-购乐彩票是正规的吗| www.79540.com-宁厦福彩3d-| www.002367.com-新浪彩票八宝饭预测| www.116144.com-彩票六大网投| www.943948.com-703彩票被黑了| www.908941.com-福利彩票攻略| www.972064.com-全国体彩22选5| www.139961.com-贵州彩票新闻| www.056234.com-福利彩票4选4| www.788671.com-19055期胜负彩| www.bn59.com-至尊彩app网站| www.493214.cc-选号软件体彩大乐透| www.602274.com-英国男子彩票| www.671536.com-大发快三是假的吗| www.732393.com-彩66官网下载| www.vn42.com-澳洲时时彩精准计划| www.708843.com-腾讯分分彩人为改号| www.855517.com-七乐彩如何兑奖| www.966916.com-手机上可以买彩票吗| www.up21.com-内蒙古福彩双色球| www.76eo.com-全球彩票最新版| www.1124.cn-周六足球竞彩| www.vp02.com-福利彩票投注站地址| www.95518.cc-九场足彩开奖金| www.4612.com-手机上双龙彩票网| www.630076.com-金阳彩票乐娱平台| www.948404.com-体彩三地开奖| www.468591.com-京东彩票推荐|