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.654168.com-福彩一期销售额| www.764877.com-开黑彩网站需要判刑| www.877854.com-乐彩客彩票下载| www.946743.com-彩票预测神器破解版| www.991447.com-七星彩缩水-| www.la2.cc-苏州快三今天开奖| www.wu34.com-注册送钱的彩票网站| www.6386.pw-财富彩票的网址| www.314418.com-海南体彩乐吧飞鱼| www.118074.com-中国彩宝品牌| www.434558.com-周彩票-| www.664613.com-七星彩资料头尾| www.219974.com-国彩网官方网站| www.358732.com-江苏7乐彩-| www.533616.com-体彩三d开奖时间| www.968940.com-福利彩票诈骗案| www.6505.pw-福利彩票中奖方式| www.323872.com-乐盈彩票是正规的吗| www.492314.com-北京今日快三中奖号| www.170302.com-上海今日快三开奖| www.9258.in-乐彩网是正规的么| www.279595.com-中国彩票网下载| www.890328.com-360足彩比分直播| www.975743.com-河南太康县彩礼| www.yt44.com-优信彩票平台怎么样| www.50ja.com-狗万足彩-| www.382109.com-实体店买彩票双色球| www.553372.com-彩票计划员招聘信息| 凤凰彩票www.77801q.com| www.126255.com-快捷彩票网投可靠吗| www.945415.com-福建福彩开奖| www.948225.com-3d好彩网-| www.jo53.com-分分彩背后的真相| www.788674.com-湖北彩票预测网| www.588084.com-体彩图谜5188| www.777927.com-网上体彩投注app| www.856017.com-云南有快三嘛| www.918854.com-澳门博彩税-| www.984364.com-广州鸣彩艺术品骗局| www.cd89.com-彩票合买网站| www.uu90.com-重庆快三骗局| www.688231.com-uu彩票网是真的吗| www.793270.com-立彩彩票追号计划表| www.p53.in-万达彩票是真实的吗| www.96km.com-彩娜个人资料| www.jf20.com-重庆福彩官网| www.416702.com-网络彩票代理判几年| www.4434.xyz-彩薇花活细胞润白液| www.021221.com-中国山西福彩网| www.444785.com-呼和浩特彩票| www.188782.com-安徽快三下载安卓版| www.736632.com-上海体育彩票app| www.848011.com-竞彩足球有假吗| www.158426.com-北单彩票店-| www.596668.cc-甘肃快三官方网站| www.700058.com-重庆时时彩人工网页| www.788669.com-女方收彩礼不陪嫁| www.872463.com-贵阳彩票店如何办理| www.953026.com-竞彩5串6容错几场| 辉煌彩票www.2875m.com| www.554245.com-我想减肥体彩术语| www.222144.com-鸿运彩票快三| www.292912.com-时时彩独胆秘籍| www.356860.com-彩票立即开奖| www.429300.com-彩虹伞打地鼠攻略| www.517509.com-大发快三怎么推算| www.l03.space-快钱彩票网页版| www.540419.com-吉林快三大小口诀| www.3065.com-七星彩2284期测| www.544881.com-河北快三开奖结杲| www.162998.com-分分彩号码怎么算| www.817709.com-19050足彩推荐| www.900458.com-网络彩票能赢钱吗| www.985304.com-728彩票路线| www.tt4.com-湖水快三中奖号码| www.of38.com-腾讯快三计划师| www.3wu.com-彩票谁发明的| www.1563.vip-彩票榜邀请码哪里看| www.169796.com-内蒙古快三一定牛网| www.214441.com-黑彩怎么坐庄| www.9293.online乐彩vip网页版| www.83379.cc-买哪个彩票容易中奖| www.521219.com-我的幸运数字彩票| www.33616.cc-91彩神计划-| www.032736.com-派彩电视走势图下载| www.713066.com-东莞体彩中心地址| www.674502.com-足彩销量-| www.753849.com-金利彩票是骗人的| www.836042.com-九龙中彩钱包料| www.913819.com-中国彩平台-| www.975675.com-内蒙福彩大家乐| www.qi.cc-快三到底能赚钱吗| www.715834.com-澳洲时时彩后三计划| www.407688.com-香港福利基金彩地址| www.652485.com-基诺彩彩种-| www.751696.com-手机群里打彩票| www.818754.com-彩站彩票欢迎光临| www.880857.com-财神十分彩开奖结果| www.948852.com-广东体育彩11选5| www.989538.com-彩漂的成分-| www.jb7.com-内内蒙快三开奖结果| www.ou60.com-福彩3b开奖结果| www.509216.com-5p彩宝网-| www.8nl.com-数学家破解彩票规律| www.77662.cc-cp彩票36·cm| www.359350.com-彩票真假怎么看| www.508079.com-3d云刚说彩推荐| www.015950.com-3d彩票老店主| www.924916.com-全民快三网址谁知道| www.988397.com-福彩全国积分兑换| www.aw4.cc-快三注册邀请码| www.mc24.com-老时时彩开奖时间表| www.039693.com-官方彩票漏洞| www.300061.cc-彩票分分快三app| www.371655.com-5分钟时时彩| www.472380.com-彩图体彩第一版| www.555138.com-河北福利彩票安装| www.583666.com-体彩兑奖到哪个银行| www.818012.com-奥博集团彩票| www.919123.com-黑彩有哪些app| www.984637.com-九鼎彩票平台注册| www.db55.com-秒速时时彩开奖图| www.66032.cc-缅甸好彩双爆多少钱| www.589365.com-网上彩票骗局计划| www.676197.com-彩票兵哥3d-| www.756114.com-全民平台彩票| www.816087.com-福彩香港漫画| www.876323.com-体彩排列三断组分解| www.948031.com-彩票店的利润| www.993167.com-福利彩票色子点数| www.fq87.com-竞彩网-| www.897553.com-竞彩足球计算器| www.964129.com-买彩票几点开门| 福彩www.86267g.com| www.qp62.com-福彩文化的理念| www.448885.cc-彩麒麟理财有icp| www.624011.com-春秋彩票计划群| www.56pc.com-新浪彩票网官方端口| www.5642.cc-抖音都是彩票托| www.62830.com-158彩票在线| www.652277.com-广西彩票发行中心| www.717666.cc-彩铅画兰花图片大全| www.784106.com-宏福乐彩-| www.840765.com-竞彩套利方法| www.888393.com-七星彩选号码| www.978078.com-彩票152期-| www.cp3306.com-三分快三官网| www.050798.com-诺亚彩票-| www.753169.com-网易足彩推荐预测| www.983804.com-七星彩彩版下载专区| www.sk8.com-上海体彩中心在哪啊| www.v22.vip-金彩汇国际会所价格| www.682864.com-中国正规彩票软件| www.767331.com-福彩快三开奖系统| www.833205.com-成功彩票下载软件| www.276935.com-体彩大乐透深圳中奖| www.002292.com-七乐彩复式8个号| www.096276.com-双色球众彩网首页| www.780332.com-88彩票快三专家| www.840085.com-500w彩票网址| www.906345.com-北京彩票票面| www.967541.com-买彩票中了几十万| 易彩网www.36166x.com| www.bo49.com-易彩票app-|