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.790148.com-炫彩跑-| www.275492.com-天津时时彩官方平台| www.383856.com-意大利彩金软手镯| www.763396.com-体育彩票店有前景吗| www.858613.com-七星彩明月珰番外| www.967445.com-福彩3d高手群微信| www.cp334.com-福彩湖北快3| www.oj63.com-吉林市彩票站| www.838279.com-广西快三为什么停了| www.825045.com-竞彩猫直播看不了| www.06bf.com-彩票中奖技巧指南| www.302518.com-众彩网上官燕七星彩| www.692193.com-大发快三靠谱平台| www.810449.com-乐飞彩票运行多久了| www.371168.com-体育彩票真实吗| www.593375.com-乐彩城638566| www.898288.com-梦见七星彩中奖故事| www.62hn.com-黑牛吧3d全彩| www.70442.com-顶尖彩票如何提现| www.537995.com-苏州体彩中心兑奖| www.497674.com-十三彩-| www.554106.com-赤猜一种体彩术语| www.753757.com-k8彩票网址官网| www.849125.com-排列三试机号彩票| www.925268.com-彩6下载安装ios| www.982459.com-新天天彩是正规的吗| www.fh99.com-网上彩票哪个更安全| www.o09.com-体彩三句话试机号| www.958630.com-七星彩数据计划| www.603907.com-3a福彩-| www.197918.com-四川快三开奖结果| www.282977.com-超强破解彩票秘密| www.234183.com-7168彩票app| www.333208.com-中彩网首页福彩| www.412988.com-赛马排位表及派彩| www.235905.com-竞彩足球让球胜平负| www.yb72.com-去彩票站怎么买彩票| www.296005.com-福彩开奖3d试机号| www.75720.com-博马彩票app下载| www.061638.com-彩客网快三是真的吗| www.914926.com-彩票破解版-| www.988.com-最新够力七星彩| www.377121.com-易彩乐是正规软件吗| www.537995.com-苏州体彩中心兑奖| www.632583.com-各种彩票-| www.19453.com-彩票网兼职是真的吗| www.82796.com-2013彩票app| www.62258.cc-昨日彩票号码| www.181595.com-高赔彩票平台有哪些| www.114927.com-体彩p3试号彩乐乐| www.064416.com-如何破解时时彩私彩| www.875987.com-今天福利快三走势| www.781643.com-福彩新规则-| www.867798.com-兼职彩票游戏代打| www.939179.com-六福彩是否违法| www.994697.com-好彩客网站多少| www.fm07.com-广东快乐十分彩开奖| www.375865.com-貂蝉孙尚香星彩无惨| www.513112.com-九龙国际彩票平台| www.732625.com-江苏七位彩票| www.676745.com-民政部福彩中心主任| www.42112.com-彩票守号十二年| www.836186.com-手机顺风彩票| www.931825.com-中原彩票怎么样| www.982648.com-江苏福利彩票玩法| www.ax25.com-彩票的玩法介绍大全| www.442350.com-福彩3d有哪些平台| www.527277.com-时时彩后二和值平刷| www.624724.com-体彩棑列三出奖结果| www.687695.com-319彩票网站| www.755363.com-七星彩专家小凤仙| www.835329.com-好彩香烟怎么样| www.902324.com-开黑彩-| www.973037.com-同志软件彩虹app| 博友彩www.938627.com| www.389038.com-彩票在线分析预测| www.567849.com-中国体彩彩票的趋势| www.632451.com-双色球彩票打印模糊| www.203012.com-手机打彩票-| www.469510.com-中彩票五行属什么| www.038122.com-湖北一定牛彩票网| www.180636.com-快三虚拟投注软件| www.275825.com-7星彩复式计算| www.515478.com-阜阳彩票案最终结果| www.625913.com-祥金彩票网站| www.707091.com-大发快三注册邀请码| www.797551.com-下载彩票98彩| www.886397.com-香港优彩社区一| www.998952.com-一分钟快三组合| www.pm88.cc-福彩双色球兑奖表| www.055566.cc-彩票有几种类型| www.32so.com-快乐三分彩app| www.75is.com-冷门思维与传统足彩| www.3366.tv-88彩票网官方入口| www.9234.vip-乐彩国际注册| www.51216.cc-重庆时时彩乐彩平台| www.96685.cc-深圳福彩案-| www.981.in-海南私彩包码技巧| www.763727.com-彩神大发软件| www.842342.com-最近福利彩票地址| www.904985.com-今天福彩快三走势图| www.968546.com-5亿彩ios版-| 亿彩堂www.87668j.com| www.120333.com-体彩图谜第二版| www.202524.com-遵义体福彩店转让| www.282355.com-河北快三规律破解| www.657193.com-辛运彩app-| www.721342.com-彩票倍率-| www.781731.com-中奖彩票税费| www.841020.com-中国福彩在线游戏机| www.895387.com-乐艺彩票下载平台| www.355047.com-贵州在哪兑福利彩票| www.37944.com-红彩app官方下载| www.634168.com-七彩世界家具| www.206367.com-易彩票合法吗| www.578.bid-彩票计划跟投| www.88475.com-tc49天下彩票| www.088730.com-新浪彩票大乐透走势| www.175319.com-湖北省快三开奖结果| www.329644.com-玩快三坑钱了| www.404103.com-油性彩铅图片星空| www.511515.com-大唐的网址彩票| www.585523.com-博财汇彩票-| www.675021.com-汇丰彩票怎么样| www.793114.com-v8彩票不让提现| www.876794.com-彩票的分类和玩法| www.974407.com-体彩扑克开奖| www.af01.com-易网彩票安装| www.609188.com-彩票店几点钟开门| www.141544.com-手机时时彩网投网址| www.953604.com-绿好彩香烟代购| 亿万彩票www.345576.com| www.973501.com-彩虹歌曲羽泉| www.cai6799.com江西快三常规走势图| www.jc23.com-彩票小狂人胆码| www.xh28.com-苏州快三是什么| www.483189.com-好彩台-| www.608011.com-韩国快三是怎么回事| www.786668.com-1分极速彩-| www.947256.com-北京福建快三助手| www.uw4.com-网易彩票靠谱吗| www.556858.com-彩票不如赌博| www.365113.com-去国外做博彩| www.335002.com-福彩汇总预测| www.386566.com-韩国时彩-| www.838530.com-足彩对冲套利方法| www.931180.com-快三赢钱心得| www.980769.com-附近彩票店-| www.1848.vip-大发快三中奖秘籍| www.212665.com-500私彩平台| www.926975.com-法国彩票-| www.654774.com-时时彩后三有多少组| www.725923.com-彩色夹子-| www.791648.com-澳门乐彩官网可靠吗| www.850857.com-时时彩个位跨度教学| www.899664.com-福利彩票站怎么申请| www.970664.com-风彩还是风采| 易彩堂www.55885i.com| www.530.com-有谁要玩腾讯分分彩| www.979314.com-俄罗斯好彩香烟| www.cp0996.com-最精准快三计划平台| www.jr12.com-快三计划师-| www.82290.com-sk国际彩票骗| www.250487.com-广州好彩1开什么|