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.365648.cc-室内装饰彩铅绘画| www.531990.com-福彩3d开奖号顺序| www.613687.com-体彩排列3技巧| www.713713.com-福彩三地彩票字画迷| www.807588.com-什么彩票珍贵| www.885139.com-分析彩票的手机软件| www.843.tv-乐彩网论坛论坛| www.6493.vip-一号店彩票客服电话| www.26252.cc-彩色短句-| www.78772.cc-亮彩手机u盘| www.041191.com-双彩开奖走势图今晚| www.138593.com-有多少人玩鸿彩| www.272757.com-北京彩票开奖公告| www.591134.com-澳门十二福利彩| www.676579.com-结婚要彩礼的国家| www.762950.com-全民足彩网-| www.940427.com-168彩票假吗| 网易彩票www.095wy.com| www.fo38.com-浙江体彩网手机版| www.wu83.com-快三助手电脑版下载| www.23ae.com-中国体彩查询结果| www.2901.com-沈阳有快三吗| www.9002.cn-乐彩彩票是什么| www.790681.com-双色球走势彩吧助手| www.909042.com-澳门六会彩开奖时间| www.977357.com-河南结婚彩礼的规定| www.9986.com-酷彩吧a-| www.748048.com-谁有中彩网的邀请码| www.879195.com-幸运中彩票可信吗| 中华彩票www.9149j.com| www.jo67.com-刷彩是什么兼职| www.u69.top-彩导航威尼斯| www.693832.com-体彩官网下载软件| www.821058.com-彩色混凝土颜料批发| www.927807.com-彩票306安卓安全| www.999151.com-彩乐汇登录-| www.dv72.com-彩票端快三骗局| www.c52.club-体彩开奖结-| www.421808.com-福彩3d奖是多少钱| www.88as.com-东方彩与大发| www.6396.cn-能分析彩票的软件| www.36602.com-澳彩网客户端| www.96202.com-福彩双色球几元一注| www.65654.com-七星彩随机号码| www.056253.com-吉林快三和值攻略| www.170009.com-快三技巧与规律| www.262815.com-吉林彩票网快三走势| www.365273.cc-彩库宝典跑狗图| www.484802.cc-彩票30选7预测| www.582733.com-万达彩票网站| www.678429.com-吉林快三号码推荐| www.775822.com-邯郸体育彩票站| www.926323.com-江西体彩客户端| www.985314.com-728彩票安卓| www.116734.com-买彩票几点开门| www.234040.com-68彩票骗局-| www.340622.com-牛彩网九-| www.806613.com-老猫出彩快讯下载| www.940412.com-新彩票走势首页| www.cp743.com-快三网上-| www.qt05.com-福彩刮刮乐-| www.31em.com-南京体彩办公室主任| www.0519.link-江苏福彩历届中奖| www.9008.com-乐彩站下载-| www.64292.com-强势竞彩app| www.039318.com-购彩网是真的吗| www.143733.com-体彩分析预测软件| www.274691.com-腾讯时时彩玩法| www.352782.com-上海时时乐开奖彩| www.461599.com-牛彩网图迷总汇大全| www.567141.com-彩神通开奖信息结果| www.661480.com-复式福彩怎么收费| www.737267.com-迷彩兔-| www.810656.com-悟空彩票怎么样| www.885317.com-彩票收藏及图片| www.562531.com-高频彩对打-| www.700092.cc-万彩网注册-| www.805219.com-完美彩票平台注册| www.894917.com-时时彩助手旧版下载| www.p95.top-福彩汇总预测| www.5737.net-祥云彩票-| www.154422.com-买彩票赚钱可靠吗| www.348757.com-3d彩票中吧图| www.454922.com-世界大型博彩公司| www.560959.com-恒彩彩票手机| www.656997.com-下载注册云彩app| www.759618.com-赌pk彩-| www.829566.com-百盈彩票被黑| www.925176.com-彩代表什么意思| www.980497.com-赌彩票一分钟开一次| www.kp18.com-福彩快3概率| www.p61.net-香港快三玩法| www.59ni.cc-中国福彩三地之家| www.4358.xyz-体彩大奖怎么领| www.04891.com-广东省体彩发行中心| www.86693.cc-九州彩票害死人| www.806680.com-彩票亏损救援金| www.342131.com-彩溢开门了吗| www.691021.com-足彩十二月赛程| www.816959.com-中发彩票联系方式| www.895488.com-网投彩票真正提现| www.960221.com-500go彩票-| 幸运彩票www.631799.com| www.nm55.com-快三缩水软件| www.40ff.com-北京快三亏-| www.5002.net-彩色黄漫app苹果| www.am51.cc-广西体彩网-| www.5ke.com-刘军时时彩教程全集| www.sk16.com-天津时时彩官方| www.82wp.com-多彩网3d字谜总汇| www.597729.com-七星彩论坛| www.718535.com-gay彩色旗-| www.830311.com-567彩票会黑钱吗| www.923363.com-体彩几点开售| www.978954.com-快三怎么中奖多少钱| www.07dl.com-彩铅画麋鹿图片大全| www.70xc.com-彩票刷单兼职| www.0411.date-彩票帮助赢软件| www.52979.cc-时时彩又停了| www.94006.com-今日新鲜事一彩票| www.275932.com-福彩快频彩-| www.494249.com-沈阳彩票站合作| www.592346.com-够力七星彩ios版| www.698028.com-河北保定锦乐快三| www.788848.com-古建彩绘图片| www.928335.com-分分彩计算公式软件| 乐盈彩票www.44kcw.com| www.43257.com-彩牛彩票安卓版| www.1898.bid-多彩贵州风门票团购| www.1188.ren-彩票中4亿-| www.9876.biz-双色球彩票开奖历史| www.77364.com-体彩排三出奖号| www.63dv.com-5∞彩票网-| www.4954.xyz-盈盈彩票下载| www.248551.com-中奖彩票安卓| www.370328.com-福利彩票双色球奥秘| www.469062.com-爱彩乐11选五浙江| www.543708.com-发彩快三计划软件| www.819637.com-优点彩票是真的吗| www.883676.com-牛彩一句定三码| www.970701.com-中国彩票最新法规| 9号彩票www.80767q.com| www.hf77.com-快三投注图表| www.b96.net-辣椒七星彩下载| www.39xx.com-江苏彩礼排行榜| www.2618.com-惠普彩色喷墨打印机| www.8924.com-彩乐乐网公告| www.38290.com-购彩兼职是真的吗| www.77850.com-下载一个凤凰彩票| www.034912.com-快三秒热水器原理图| www.112299.com-买彩票下载哪个| www.187556.com-时时彩官网平台| www.618536.com-足彩技巧分析推荐| www.704488.com-易发彩票app| www.835150.com-港版好彩蓝莓双爆| www.894732.com-中国彩票走势图分析| www.971835.com-融彩网app-| 亿彩堂www.87668r.com| www.mo22.cc-彩金领取app| www.17yp.com-甘肃快三开奖连线图| www.666.la-新浪竞彩篮球预测| www.4830.vip-足彩怎么买法| www.869702.com-唯彩会开奖大厅| www.981809.com-大发彩票是违法的吗|