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天

知道了
亚洲28 www.290804.com-湖北快三怎么分大小| www.368100.com-彩铅怎样配色| www.707926.com-足彩310如何| www.656908.com-北京五分彩投注平台| www.804629.com-中国彩吧3d开奖号| www.88739.com-万豪彩票-| www.376389.com-7星彩规-| www.894688.com-彩票中奖号码图| www.7rw.com-三地彩票布衣天下| www.278068.com-牛彩票是什么| www.69xe.com-8828彩票输钱| 福利彩票www.8039y.com| www.50fd.com-网上玩时彩压大就挂| www.811272.com-山西福彩3d走势图| www.66500.cc-我要在网上买彩票| www.0845.org-足彩让我倾家荡产| www.57218.com-网上投彩十大网站| www.902020.com-黑彩3d中奖规则| www.999114.com-福彩3d天宇内部报| www.cp68.cc-时时彩谁在控制| www.658479.com-什么是彩视和微电影| www.868817.com-七乐彩杀号推荐| 福利彩票www.78700f.com| www.5178.biz-福利彩票快乐20分| www.1040.vip-福利彩票新机器| www.12163.com-买彩票有规律可循吗| www.573.cm-神级彩票系统| www.258603.com-福彩快乐彩12| www.345026.com-福彩往期所有| www.082157.com-黑彩网站下载| www.164168.com-体彩nba彩票| www.240180.com-网上买彩票靠谱吗| www.333779.com-体育彩票怎么代理| www.452177.com-分分彩龙虎技巧稳赢| www.550768.com-华夏彩票快3| www.132105.com-彩礼的美称-| www.225995.com-谦喜彩票分析计划网| www.309626.com-体育彩票直选3| www.438187.com-中国福利彩票正版| www.538886.com-快乐时时彩骗局| www.974099.com-河北福彩有几种玩法| www.xk82.com-福彩3d倍数-| www.570302.com-彩票扫描查询| www.685366.com-好运来彩票网活动| www.63653.com-竞彩足彩比分结果| www.041533.com-彩票最长长龙| www.733080.com-南京体彩中心电话| www.828617.com-彩票138-| www.937791.com-快三必出号技巧| 七乐彩票www.qlc3.com| www.231541.com-一分一期快三计划| www.12412.com-快三猜一个号如何玩| www.667.cm-时时彩返点什么意思| www.375704.com-牛人选体彩排五技巧| www.664626.com-七乐彩摇奖视频| www.1320.hk-106彩票-| www.8325.com-福彩代销证-| www.6941.vip-七彩虹官网-| www.988.cm-福彩三底开奖结果| www.615371.com-福利彩票真会中奖吗| www.60208.com-福彩东湖社区论坛| www.462872.com-环球彩app-| www.1016.org-凤凰购彩app| www.7269.loan-彩虹六号干员原型| www.32352.cc-最新8k彩票网站| www.82340.com-杭州快三查询| www.cp9355.com-中彩啦软件-| www.856298.com-彩票指南盖尔霍华德| www.941135.com-中国体彩票图标| www.987337.com-福利彩票去哪兑奖| www.de03.com-瑞彩祥云网页| www.695889.com-足彩14场计算器| www.770723.com-彩虹6号季票多少钱| www.838385.com-105彩票怎么样| www.908953.com-快彩真的假的| www.968661.com-进微信时时彩群| www.mr2.cc-人人中彩票apk| www.mt12.com-国外体彩app| www.5ji.com-常州哪一年有体彩的| www.4521.vip-休彩排列5开奖结果| www.19112.cc-手机彩票如何兑奖| www.775324.com-彩富网的网址是多少| www.18nh.com-七乐彩什么时候| www.255268.com-彩票送38元-| www.985400.com-金山彩票最新版本| www.zb73.com-快三投注倍投计划表| www.80jt.com-网易彩票能买大乐透| www.413288.com-有没有网上卖彩票的| www.652416.com-澳门三分彩赚钱吗| www.745876.com-多盈彩票线路导航| www.841678.com-竞彩外围是什么| www.947697.com-多彩贵州网邓航简历| www.bn98.com-170彩票网-| www.w16.club-四季彩票-| www.656676.com-竞彩彩票打法| www.883001.com-投彩带赚骗局| www.353515.com-中彩微网是真的吗| www.207551.com-彩票号码分析器| www.cp9518.com-中彩网是合法的吗| www.09mf.com-彩票中奖了有坏处吗| www.1232.top-七星彩容易中奖技巧| www.16597.com-2d彩票中奖规则| www.165582.com-彩票票花怎么看| www.327486.com-福利彩近期开奖号码| www.435789.com-中国福彩主任是谁| www.756877.com-彩民彩票无法提现| www.587381.com-手机版竞彩软件| www.670448.com-彩娃彩票是正规的吗| www.384342.com-高频彩数字规律技巧| www.518980.com-山东手机在线彩票| www.590568.com-七星彩今日开奖图片| www.688699.cc-广东福彩电话投注| www.768785.com-幸运快三倍投| www.836499.com-477彩票-| www.834909.com-炫彩油画骗局兼职| www.949427.com-福彩何首乌字谜| www.d69.com-中国手机彩票123| www.cu13.com-致富彩票app| www.yh66.com-微信买彩票怎么付款| www.230920.com-招彩票代玩是真的么| www.83qf.com-长春彩溢几点大选| www.38770.com-大富豪彩票合法吗| www.636436.com-彩虹2无人机| www.696308.com-彩八彩票网页版登录| www.802502.com-3d彩票小狂人| www.900501.com-陕西百宝彩票网| www.968992.com-分分彩彩票网| www.062590.com-彩神帝不能提现| www.38495.com-海南七星彩下注软件| www.000072.com-排三杀号定胆彩乐乐| www.551024.com-合买彩票优势| www.066780.com-百盛博彩软件安卓版| www.207496.com-乐彩站快三破解码| www.296679.com-福彩是真是假| www.427075.com-旭彩意思-| www.765608.com-买私彩能赚钱吗| www.452267.com-五星彩店邀请码| www.335573.com-8号彩票官网| www.389021.com-郑州体彩转让| www.956783.com-彩泥图-| 盛彩网www.41518a.com| www.fw57.com-彩票qq群号-| www.277943.com-香港牛蛙彩票网站| 500彩票www.330256.com| www.77606.cc-彩票免费运营| www.19976.cc-怎么买河南快三| www.817822.com-北京体育彩票走势图| www.883892.com-牛彩l网3d字迷| www.948587.com-福彩三d幸运码下载| www.989797.com-彩吧助手开奖| www.na3.com-玩快三平台-| www.004319.com-体彩排五出的什么号| www.069979.com-彩神1app下载| www.819483.com-买了彩票怎么查看| www.884699.com-鳄鱼彩票2cp| www.963376.com-彩色水磨石效果| 鑫亿彩www.196029.com| www.ca86.com-快三挂机软件下载| www.13tb.com-手机体彩在线即开| www.84kj.com-极速快车彩票的玩法| www.0575.org-万博博彩靠谱么| www.300071.cc-快三表格数据分析| www.447931.com-体彩刮刮大7彩票| www.553630.com-上海快三几点结束|