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.438499.com-五彩缤纷造句| www.255030.com-凤凰时时彩app| www.97af.com-中国彩票之王| www.1919.live-河南福彩网app| www.480606.com-彩云网官方网站| www.5802.com-体彩竞彩过关方式| www.y37.org-彩神称霸lll| www.520932.com-福彩都有什么| www.1591.cc-双彩论坛3d字迷解| www.821955.com-外地彩票中奖怎么算| www.q85.net-开彩传媒公众号| www.36213.cc-3d开机号家彩网| www.101801.com-竞彩足球彩票推荐| www.59367.cc-今日篮彩推荐| www.506583.com-中彩网3d杀尾| www.863598.com-体育彩票发行中心| www.xe22.com-福彩和值跨度对照表| www.ia5.com-福建快三2同号遗漏| www.2851.tv-天中图库好运彩精| www.993831.cc-足彩有几种购买方式| www.ov71.com-彩票信息-| www.50ri.com-直播体彩开奖| www.946.bid-彩票分析理论| www.059671.com-下载appk彩-| www.0183.vip-国彩有风险吗| www.265822.com-福彩6+1中奖规则| www.377805.com-够力七星彩开奖| www.547667.com-彩票对打套利的问题| www.625365.cc-好运彩彩票分析| www.687292.com-非凡彩票官方网站| www.771771.com-重庆7时彩网站| www.837013.com-中彩票资讯-| www.908536.com-幸运8彩票平台网址| www.966372.com-中国福利彩票排五| 凤凰彩票www.88266r.com| www.gi91.com-快三秒饮品连锁| www.yp06.com-江苏省体彩中心| www.21js.com-大数据分析彩票| www.864569.com-彩9app安卓版| www.963894.com-买彩票的走势图| www.bg47.com-重庆快三走势图| www.f51.org-马彩票-| www.771197.com-彩虹画儿童画| www.862355.cc-乐彩论坛首页| www.931845.com-有跟单的足彩app| www.983653.com-足彩分析软件| www.ny6.com-下载快三开奖结果| www.og61.com-福彩山东全图| www.08cn.com-go彩是真的吗| www.17621.cc-中国足彩比赛分析| www.70255.com-福彩网投是干什么的| www.026309.com-双色球爱彩人彩票网| www.123601.com-威力彩-| www.192657.com-彩6安卓版-| www.50528.cc-金凤凰彩票可信吗| www.97797.com-神兽时时彩-| www.6619.tv-福彩直播间-| www.062836.com-淘彩票软件是真的吗| www.857548.com-江苏老快三跨度振幅| www.938332.com-为什么网络彩票会输| www.993329.com-彩神彩票网官方端口| www.dh82.com-江苏快三稳赚技巧| www.55cm.com-779彩票下载安装| www.042347.com-快易彩app下载| www.093234.com-彩钢围挡安装费| www.293388.com-江苏快三计划表| www.393696.com-我要看体彩开奖| www.505061.com-福彩三d一句定三码| www.569004.com-重庆时彩稳定版| www.848232.com-抵制天价彩礼| www.554760.com-时时彩走势k线分析| www.219942.com-好运快三走势五分钟| www.173589.com-福彩快三怎么算中奖| www.39714.com-9a彩票线路检测| www.09546.com-105彩-| www.019741.com-uu彩票换成什么了| www.3481.com-天天中彩票腾讯| www.46669.cc-三彩羽绒服-| www.1881.me-河北体彩竟彩网| www.199039.com-体彩十一选五走势图| www.637907.com-中国体育竞彩店转让| www.887860.com-我爱彩票软件| www.977049.com-彩票306是黑网吗| www.cai2799.com安徽快三一定| www.503888.cc-彩票平台首充福利| www.5391.cn-手机上买的北京快三| www.31589.com-双色球易彩网买彩票| www.85ri.com-足彩术语讲解视频| www.21ct.com-五六彩票-| www.80813.cc-全省视频彩票| www.06141.com-尽在乐彩17500| www.36jy.com-七星彩今晚开奖规律| www.2146.org-天天中彩票无法提现| www.324324.com-乐彩怎么玩才赢的多| www.401188.com-乐利2分彩技巧| www.201591.com-全员彩票开奖查询| www.273353.com-彩票店的宗旨| www.356487.com-彩票主题餐厅| www.420023.com-必发网彩票-| www.321030.com-福彩3d彩票app| www.716312.com-七星彩选号神器| www.866461.com-昨日体彩开奖| www.309949.com-彩票照片可以兑奖吗| www.su49.com-网赌时时彩止盈止损| www.638895.com-在线购买彩票| www.576574.com-彩界之首双色球预测| www.700047.com-大发快3彩票真假| www.834777.com-好彩双爆蓝莓| 梦想彩票www.33112v.com| www.724133.com-网上买彩票赌博| www.828962.com-小网送彩-| www.697506.com-七星乐彩票玩法| www.137942.com-体育彩票新闻| www.237417.com-内蒙古快三出号分析| www.339547.com-今日圣彩3d字谜| www.362389.com-彩虹的人生励志句子| www.768800.com-跟团队买彩票靠谱吗| www.872295.com-乐彩网下载安装| www.944611.com-百万彩票是真的吗吗| www.997772.com-爱心彩官网-| www.bu01.com-49彩票平台-| www.th77.cc-亚洲彩票平台怎么进| www.188715.com-快三怎么判断龙| www.511456.com-彩虹两个字别称| www.345343.com-山东福利彩票网址| www.282332.com-时时彩9码计划软件| www.2214.cm-牛彩蓝琪儿断组| www.960855.com-快三全天一期计划| www.3125.cm-体彩排列五怎么玩| www.22971.com-106福利彩票安卓| www.20kb.com-胜负彩19006| www.873250.com-老赖中彩票可以领吗| www.dd.cc-中彩彩票app下载| www.67vd.com-魔方彩票苹果版| www.297097.com-福彩快乐10分任6| www.752320.com-时时中彩票电脑版| www.856257.com-吉林快三怎么玩儿| www.914999.com-实时彩票犯法吗| www.969470.com-欢乐彩合法吗| 天天彩票www.197880.com| www.qg74.com-好彩蓝莓爆珠| www.26yt.com-彩票扫码售票| www.161230.com-福彩公司招人吗| www.297620.com-河北七星彩开奖| www.037116.com-k8彩票app-| www.859606.com-福建福利彩票查询| www.945662.com-福建彩票店-| 乐彩网www.60ksw.com| www.0469.net-亚洲彩票论坛| www.091699.com-久久发彩票资料站| www.114.name-彩票567骗局| www.378344.com-好彩一趣味生肖选号| www.493563.com-5号彩是骗人的吗| www.2867.vip-海南七星彩走势| www.886988.com-微信骗你买彩票| www.977004.com-河南结婚彩礼新规定| www.ca54.com-湖北福彩快三预测号| www.zc05.com-排列5彩票规则介绍| www.799605.com-体育彩票怎么选号码| www.894780.com-彩票开奖查询网| www.954271.com-时时彩手机宝典| www.998553.com-中国体育彩票地图| www.bp61.com-凤凰彩app-| www.75zu.com-福彩3d天罡八卦|