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.799439.com| www.27ll.com-彩票中奖不告诉夫妻| www.76ad.com-澳洲五分彩骗人| www.1837.com-八八彩票骗局| www.8050.in-儿童创意森林水彩画| www.411777.com-猫彩铅画图片大全| www.695027.com-雪缘园足彩误差| www.776833.com-彩播直播-| www.852274.com-5分彩不定位胆| www.916829.com-如何举报彩票网站| www.979482.com-分分彩大小如何作弊| www.01km.cc-彩虹是怎样形成图片| www.254888.com-彩票时时彩app| www.954014.com-网上买体育彩票软件| E彩堂www.43818h.com| www.fg19.com-北京福利彩票官网| www.wf99.cc-三分时时彩走势图| www.470664.com-华彩赢家是违法| www.523003.com-最准时时彩计划| www.8717.in-吉林快三过年停几天| www.039595.com-严玉进华彩-| www.128008.com-女的唱的歌词里彩虹| www.222082.com-河北快三统计| www.668551.com-体彩图谜字谜| www.202757.com-贵州彩票手机投注| www.314445.com-彩票攻略网-| www.iz97.com-微信北京快三群| www.8jc.com-七星彩大赢家破解版| www.75sx.com-仁信彩票登录| www.229556.com-腾讯五分彩-| www.79044.com-七乐彩垮度-| 聚彩网www.290282.com| www.tk38.com-大乐透开奖彩票网| www.11av.com-中国竞彩篮球胜负| www.94oe.com-彩票邀请码qq群| www.3543.me-彩票二等奖6000| www.9354.cc-彩票中到第二天领奖| www.554185.com-重庆时时彩预测软件| www.673595.com-4场进球彩销量查询| www.608600.com-足彩预测推荐号码| www.714999.com-淘宝哪里可以买彩票| www.807027.com-彩票纸为什么不回收| www.656840.com-中彩网专家预测| www.750760.com-ios购彩app-| www.65qm.com-福彩3d鑫马快报| www.666108.com-彩票优惠活动送彩金| www.759261.com-体彩种类和奖金| www.857419.com-彩票视频-| www.947374.com-福彩计划公式| 百姓彩票www.bxcp3.com| www.4118.cc-彩虹的重力小说番外| www.05551.com-爱开彩app-| www.835634.com-云南体彩官网app| www.919398.com-玩彩票去什么平台好| www.985049.com-彩之家是骗局吗| www.ep78.com-什么是快彩-| www.14eu.com-浙江体彩下载软件| www.346150.com-彩神v封号-| www.412848.com-重庆试试彩骗局| www.511755.com-足彩外围网站九州| www.203530.com-彩票开奖分析| www.374733.com-新彩吧藏机三字谜| www.2312.cc-七乐彩爱彩-| www.019768.com-栋栋团队福彩3d| www.75iv.com-pp彩票真能赚钱吗| www.947054.com-福利彩票高频彩输赢| www.jm78.com-赢发彩票邀请码| www.796001.com-福彩10分钟大转盘| www.989438.com-香港门户彩票| www.qj27.com-好彩一八打一动物| www.686980.com-中彩那天课文全部| www.3615.cm-连红彩票app| www.3072.win-彩票开奖日期规定| www.04848.cc-福彩3d出组三规律| www.89794.com-竞彩新政看法| www.123316.com-七星彩直播现场网| www.h69.cc-万森彩票平台app| www.283691.com-七乐彩的中奖规则| www.600673.com-现在彩票还有人买吗| www.692602.com-福彩马后炮解太湖| www.802908.com-长沙福利彩票| www.888518.cc-金沙国际时时彩平台| www.964379.com-体彩下载哪个软件好| www.ud68.com-乐和彩app-| www.12845.com-福彩7加2-| www.291037.com-找回365彩票| www.777571.com-巨人彩票下载| www.871171.com-星彩空间-| www.949845.com-福利彩票极速3d| 博亿彩票www.626by.com| www.347779.com-彩虹的约定歌曲原唱| www.595285.com-双彩论坛网蓬莱红帽| www.668430.com-101亿彩票贴吧| www.739335.com-摩臣彩票官网| www.819228.com-三分赛车彩票技巧| www.886968.com-038彩票苹果下载| www.953621.com-宝乐彩票可信吗| www.999438.com-信誉彩平台-| www.bi93.com-博彩王彩票-| www.pv93.com-三分彩正规吗| www.494020.com-腾讯二分彩开奖结果| www.155178.com-足彩19044任九| www.312610.com-快三复式中了多少钱| www.q79.com-双阳黑彩-| www.85dk.com-彩票手游app| www.42kb.com-008彩官网-| www.6949.xyz-时彩技巧-| www.69197.com-66彩票平台-| www.h91.com-49彩票平台软件| www.757707.com-福彩35选7-| www.910570.com-宝乐彩-| www.5522.hk-彩票平台倒闭名单| www.92048.com-顺丰彩票合法吗| www.335992.com-江苏快三是私彩吗| www.92932.cc-博牛彩票是真的吗| www.080004.com-彩票缴税-| www.2wo.cc-举报黑彩平台| www.119043.com-吉祥彩票是合法的吗| www.054501.com-福利彩票平台出租| www.702.com-做私彩代理-| www.282398.com-小鹿重庆时时彩| www.ry62.com-预测快三-| www.554013.com-熊猫时时彩官网| www.040599.com-香港牛蛙彩票导航网| www.36325.cc-爱彩乐1分快三群| www.tf10.com-吉林快三压大小单双| www.783433.com-彩38彩票领导者| www.38232.cc-8亿彩票官方网址| www.9463.vip-中国人在境外买彩票| www.688285.com-中国福利彩票公众号| www.761311.com-东趣彩票-| www.846786.com-单场足彩技术| www.906873.com-彩票分为哪几种类型| www.529216.com-七乐彩汇总-| www.31515.cc-星光彩票下级| www.720035.com-七星彩怎么选号呢| www.905462.com-中国彩app下载| 万彩网www.wcp666888.com| www.330971.com-快三下期该买啥| www.445532.com-今天福彩3d彩民乐| www.929993.com-大玩家彩票快3| 环球彩票www.265553.com| www.94dw.com-彩票包网开版| www.r83.cc-福彩字谜汇总| www.039983.com-四场进球彩推荐| www.759797.com-时时彩开奖查询软件| www.8580.cn-淅冮体彩6十l号码| www.37237.cc-彩票易中奖下载| www.789041.com-3丨0竞彩足球预测| www.919538.com-一键搭建彩票平台| 博乐彩票www.35918q.com| www.969099.com-北京彩虹计划| www.zm33.com-彩神x邀请码怎么弄| www.20jx.com-足彩19035推荐| 幸运彩票www.5095g.com| www.99058.com-竞彩初几开售| www.157755.com-竞彩盈亏指数| www.505208.com-哪个新平台送彩金| www.355951.com-易彩云彩票下注| www.454122.com-彩票软件哪个最好用| www.537055.com-彩票加油微信头像| www.898892.com-王牌彩票是真的吗| www.970514.com-安微体彩十一选五| www.lw81.com-青海快三推荐号|