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天

知道了
9彩注册 www.sp78.com-7乐彩下期专家预测| www.355304.com-天津福彩兑奖处| www.95269.cc-七乐彩规律及技巧| www.079010.com-群英会彩票-| www.153753.com-七星彩的复拾怎么玩| www.365758.com-交通工具彩铅画| www.519499.com-天天福彩是陷阱吗| www.90gd.com-沁县李彩英在武乡| www.ap38.com-彩票平台刷流水| www.26le.com-福彩万彩8-| www.367960.com-大众彩票网app| www.881482.com-58彩票官网-| www.161857.com-彩票头条官方版下载| www.650230.com-投彩app骗局| www.081660.com-彩票几个数字| www.206387.com-黑彩稳赚-| www.343948.com-8848彩票网线| www.444972.com-彩票号过滤-| www.bk49.com-鳄鱼彩票杀号| www.yl40.cc-彩票双色球中奖技巧| www.92820.com-双色球杀号一彩经网| www.901008.com-福彩3d体彩-| www.987104.com-火前彩票vip| www.bm19.com-神州彩怎么样| www.3856.cn-足彩资讯网-| www.5506.net-福彩站点充值银行| www.28723.cc-福彩106期-| www.22zw.com-中奖彩票怎么兑换| www.5616.me-qq有什么彩票吗| www.46423.com-陕西福彩自助终端机| www.141786.com-彩运网com-| www.13ev.com-新浪彩票视频| www.698747.com-k彩游戏2.0安卓| www.9882.org-永恒国际彩票| www.644725.com-肖立刚教快三视频| www.864874.com-福满天体彩app| www.936072.com-竞猜足彩规则| 大福彩票www.df76.com| www.8510.in-长春体彩中心位置| www.53671.com-中国竞彩网点分布| www.5077.net-足彩停售何时结束| 购彩票www.c5908.com| www.rg54.com-福彩快三外挂| www.882401.com-166彩票站-| www.985249.com-好彩堂跑狗图彩报| www.374.in-乐米彩票和乐迷炫彩| www.8423.vip-m8彩票app-| www.974330.com-彩票猜大小-| www.327396.com-七乐彩中奖概率计算| 大赢家彩票平台www.268993.com| www.47174.com-大发快三是坑人的吗| www.789594.com-竞彩足球平局研究| www.894303.com-天天彩票助手软件| www.987616.com-河北冀彩宝客户端| www.li42.com-共赢彩票6188| www.076957.com-韩国彩票开奖查询| www.981864.com-七星彩随机选号码| www.619657.com-彩票对冲打水| www.166549.com-正规快三平台| www.870376.com-快三一共有多少注| www.db33.com-足彩分析师团队招聘| www.74vz.com-哪个行买彩票| www.1336.com-特区彩票七星彩开奖| www.9886.biz-乐游彩票合买| www.332945.com-福彩排列五开奖号| www.172965.com-贵州福利彩票| www.206056.com-易彩娱骗局-| www.356436.com-智慧彩软件挂机| www.75jk.com-彩票什么叫注| www.578776.com-福彩3d和直选算法| www.715858.com-中国七星彩是假的吧| www.924322.com-世界彩票最高奖金| 网易彩票www.063wy.com| www.18185.cc-皇元彩票手机版下载| www.037732.com-彩万宝软件-| www.326462.com-瑞彩祥云app苹果| www.471344.com-彩乐福中网香港| www.246228.com-福利彩票快三是什么| www.369360.com-668.com彩票| www.134626.com-好彩紫绿双爆| www.370846.com-时时彩票查询| www.525553.com-福彩3d五行技巧| www.680703.com-香港中彩网址是什么| www.980000.com-搜索福彩三地| www.754211.com-彩经彩票平台怎么样| www.843069.com-竞彩官方返还率| www.955555.com-合肥竞彩销量| 8号彩票www.81520g.com| www.925573.com-彩富网最快-| www.26639.cc-7星彩如何算中奖| www.324900.com-发达彩票是正规的吗| www.080165.com-快三多少期出豹子| www.109606.com-盈彩汇官方网站| www.955195.com-网络彩票时间差漏洞| 凤凰彩票www.77801o.com| www.29721.cc-600wan彩票网| www.678901.cc-江苏快三诀窍| www.951242.com-特彩吧报码开奖直播| www.605727.com-福建体彩网开奖结果| www.243618.com-下载玩彩票app| www.377626.com-彩票店门头照片| www.rg34.com-快三有挂吗-| www.246356.com-排3凤彩网-| www.829459.com-360在线计划彩票| www.74nd.com-足彩庄家盈亏指数| www.791866.com-幸运博彩app下载| www.5528.me-暴风雨后的彩虹歌词| www.59lf.com-2019年竞彩足球| www.5709.vip-宋代三彩-| www.12870.com-运盛彩票套路| www.128202.com-新华彩票今日头条| www.08119.com-体彩投注站-| www.023570.com-彩票助赢软件苹果版| www.111551.cc-世纪佳缘上的彩票女| www.537191.com-猜冠军彩票的玩法| www.05bj.com-简单铅笔淡彩画| www.jb41.com-新浪彩票3d预测| www.863.red-古风唯美女生彩铅画| www.9780.vip-七星彩安然专家| www.293828.com-九千万彩票大发快3| www.358154.com-88爱彩是正规的吗| www.66818.com-福彩中心是干嘛的| www.875731.com-幸运飞艇时时彩| www.cn15.com-东北人玩彩三天计划| www.790193.com-顾乡牌局好彩牛牛| www.852477.com-浙江彩票开奖结果| www.908598.com-3o8二四六天天彩| www.961585.com-各种釉彩大瓷瓶简介| 七天彩www.k796.com| www.051515.com-高频彩计划公式赚钱| www.554219.com-彩票专业用语| www.628573.com-3d新彩网下载| www.550071.com-哪个平台能买足彩| www.666575.com-彩吧试机号查询今天| www.775812.com-沧州体彩中心在哪里| www.841447.com-拍彩票票面查不出| www.903053.com-优彩社区福相了知| www.516770.com-色彩搭配口诀| www.11mh.com-654彩票-| www.25293.cc-初学者画彩铅画什么| www.68202.com-周易与彩票选号器| www.36378.cc-时时彩走势技巧分析| www.317463.com-体彩排列三今晚开奖| www.404105.com-彩铅画儿童画图片| www.5782.cc-深圳市福彩兑奖地址| www.jg50.com-分分快三是真的吗| www.661463.com-日本年末彩票开奖| www.731168.com-彩神帝注册-| www.663569.com-如果彩票中了一千万| www.897283.com-广东省福利彩票官网| www.54458.com-最准的福彩3d群| www.69ay.com-彩票官方运营平台| www.2272.top-体彩双色球规则| www.01598.com-米兜彩票哪家公司| www.374935.com-体育彩票三等奖| www.998284.com-中国正规彩票有哪些| www.ir14.com-竞彩足球专家推荐| www.87me.com-体彩五p开奖结果| www.87802.com-彩票中什么是龙| www.076625.com-体彩排列三预测论坛| 818合彩www.288hc.com| www.308978.com-新加坡乐和彩资料| www.415408.com-福彩15和值都哪些| www.527028.com-时时彩三星直选单式|