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.em52.com-代玩幸运快三| www.818664.com-新时代竞彩推荐| www.848865.com-体育彩票即开型彩票| www.952219.com-查彩票中奖号查询| 如意彩票www.168339.com| www.017846.com-广西体育彩票电话| www.324779.com-柬埔寨博彩不要去做| www.481008.com-和彩印基础包怎么用| www.585415.com-彩宝价格是多少| www.726170.com-双色球彩宝贝| www.844500.com-见证中彩票的基督徒| www.939739.com-三分快三官网投注| 126彩票网www.126ll.com| www.907339.com-电脑版中国体育彩票| www.414114.com-结彩-| www.893753.com-网彩平台注册就送| www.zr35.com-春天彩票刷平台流水| www.648086.com-史上最大彩票中奖| www.6954.shop-竞彩收米-| www.61567.com-天天红单彩票安全吗| www.02vh.com-彩虹条头像同性| www.856627.com-想开一个彩票站| www.973888.com-体彩3的-| www.ri5.cc-福彩三d走势图| www.38971.com-1000万彩票图片| 好彩www.60123z.com| www.333097.com-彩票如何看懂走势图| www.439935.com-老时时彩500万| www.813132.com-福彩3d纶坛-| www.903219.com-休闲快三第四套| www.970161.com-排列三乐彩网预测| www.cai1155.com福彩快3玩法| www.rg59.com-天津市彩官方网站| www.38381.com-云彩店靠谱吗| www.873796.com-极速快三开奖走势图| www.174500.com-快三破解器下载| www.333594.com-中奖彩票不能随便| www.188443.com-彩票术语大全| www.976494.com-郑州彩票双机店| www.008546.com-16号的体彩开奖号| www.60583.com-爱彩乐11选五安徽| www.099224.com-好彩香烟爆珠多少钱| www.199453.com-福彩开奖3d走势图| www.74299.com-时时彩黄金分割软件| www.8791.org-腾讯体育ai彩| www.175288.com-百姓彩票注册| www.692316.com-高频彩接口-| www.850178.com-福利彩票中奖税率| www.952541.com-2四六天天好彩| www.cai2017.cc-宁夏快三基本走势图| www.066704.com-u9彩票的网址| www.98169.cc-足彩开奖奖金| www.881830.com-凤翔彩票登陆| www.583888.cc-彩虹社交app| www.84329.com-彩票领奖多久到账| www.109578.com-彩盈登录注册| www.63770.com-陇西彩礼一般给多少| www.758072.com-百胜彩票网会员登陆| www.170550.com-快三公式-| www.183337.com-河北快三走势图遗漏| 网易彩票www.070wy.com| www.267113.com-幸运99彩票网| www.17185.cc-体彩退机申请| www.365428.com-彩铅画儿童风景| www.505325.com-炫彩指尖陀螺软件| www.661133.com-62彩票会员中心| www.881724.com-网上兼职刷彩票| www.q62.in-体彩所有玩法| www.0280.net-阿里彩票下载安装| www.32924.com-2月11日彩票调整| www.057620.com-乐彩app官网| www.rs22.com-魔方快3彩票| www.026487.com-博彩app运营| www.096266.com-众彩网知瞳专家预测| www.154233.com-足彩怎么分析| www.vb3.com-101彩票网可信吗| www.232592.com-广西今日快三中奖号| www.257975.com-038彩票安全吗| www.1310.com-爱彩乐快乐12| www.551882.com-胜负彩军长推荐| www.37574.com-娱乐彩大厅-| www.534118.com-七星彩组选-| www.58296.cc-澳洲三分彩怎么玩| www.69nm.com-网上怎么打彩票| www.75061.com-体彩刮刮乐有哪几种| www.131663.com-潍坊彩礼2018| www.800971.com-福建体彩大乐走势图| www.aj81.com-采彩票开奖彩票开奖| www.428398.com-国外分分彩-| www.702264.com-足彩任九全中多少钱| www.9690.loan-合6六开彩资料| www.492953.com-网易彩票是网易的吗| www.90044.com-七彩影院苹果| www.050027.com-福彩3d黑彩倍率| www.416400.cc-今日竞彩分析推荐| www.110002.com-王牌彩票是否正规| www.235716.com-5分时时彩计划| www.343328.com-时时采彩开奖玩法| www.463996.com-韩雨轩七星彩预测| www.3102.org-彩挂机软件免费版| www.3127.pw-体育彩票长春市| www.000294.com-福彩今日头条| www.077877.com-七星彩最新奖表| www.503267.com-彩之堂赚得多吗| www.080160.com-色彩风景-| www.05459.com-义乌体彩阳光征召| www.60284.com-彩票今曰开奖结果| www.132611.com-吉利8彩票-| www.28vx.com-如何下载彩票网| www.882334.com-078彩票合法吗| www.958820.com-彩票一般守号多久| 500彩票www.50088c.com| www.cx38.com-金沙博彩-| www.b75.pw-3分时时彩计划在线| www.117726.com-足球竞彩比分旧版| www.223148.com-重庆快三开奖图| www.642883.com-彩票中奖多久能拿| www.35133.com-彩票利用平均值选号| www.565068.com-博客彩票-| www.391131.com-体彩11选5私彩| www.509346.com-zc222众彩网| www.4154.cn-彩虹的重力预告| www.12146.com-广西快三长龙特别多| www.74746.com-月季彩铅画-| www.50046.cc-顶呱刮彩票图片| www.033298.com-6678彩票-| www.217548.com-分分彩稳赚技巧| www.711096.com-亿彩彩票平台| www.fz0.cc-快三网址是多少| www.449432.com-湖北体彩大乐透大奖| www.0117.top-彩票黑点越少| www.137446.com-彩票中奖查询七位数| www.253633.com-竞彩下载-| www.328832.com-中彩网老牌网站| www.739364.com-开体彩店需要多少钱| www.810928.com-新盈彩的邀请码| www.875041.cc-三地布依彩吧图库| www.948343.com-排五走势图彩吧助手| www.984962.com-重庆实时彩下载| www.cp148.com-什么是快三彩票| www.950963.com-彩运快三-| www.19854.com-网上玩时时彩犯法| www.59373.com-彩铅画人物图片大全| www.014567.com-七星彩前四位预测| www.383970.com-抓包修改时时彩数据| www.460031.com-福彩3d无错断组| www.527956.com-江苏虚拟e球彩| www.75556.com-竞彩投注计划模型| www.wm09.com-卓然彩票-| www.61628.cc-乐橙彩票app| www.803735.com-高频彩投资套利项目| www.gd55.com-彩铅画风景-| www.137743.com-排列三新彩网预测| www.234109.com-68彩票客户端| www.363731.com-七色彩虹哪几种颜色| www.34831.com-微信快三群-| www.046410.cc-福利彩票站转让合同| www.278935.com-福彩体彩杀号定胆| www.028046.com-快开高频彩开奖原理| www.988.bid-彩票游戏机算法| www.8037.vip-福建爱彩乐-| www.051051.cc-彩票软件网站怎样做| www.5694.com-三彩瓷-| www.53201.com-彩票55安卓版|