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天

知道了
58福彩 www.111653.com-时时彩长龙有多长| www.061619.com-彩客网五分快三| www.275383.com-彩01彩票下载安装| www.357413.com-彩票投汪实战手册| www.385533.com-159彩票下载| www.197008.com-马来三分彩开奖记录| www.082050.com-郑州彩色纸箱厂家| www.335.in-菲律宾博彩客服被抓| www.343128.com-体育彩票一等奖金额| www.505940.com-鞍山彩票大案| www.637023.com-华为彩虹电量教程| www.766851.com-28彩票网app| www.887601.com-手机彩票五选一| 大赢家彩票平台www.876928.com| www.cp7628.com-北京快三一定牛今天| www.0631.cc-爱彩票手机版下载| www.03773.com-豪彩娱乐网上游戏| www.016455.com-365彩票官方网站| www.101442.com-老郑最新足彩分析| www.621847.com-七星彩定胆杀码| www.679190.com-旺彩大乐透专家预测| www.762057.com-体育彩票图片大全| www.13sk.com-福彩今天开机号| www.2308.vip-彩吧水果图-| www.9384.shop-体彩十一选五内蒙古| www.005450.com-5分彩骗局大揭密| www.117729.com-搜狐彩票走势大全| www.204545.com-江西体彩网官方首页| www.640116.com-足彩滴滴跟单app| www.974128.com-彩吧图库天牛图库| www.nr5.cc-快三怎么玩容易中奖| www.qb34.com-新彩网下载-| www.1ls.cc-体彩屋快三-| www.59fb.com-彩钢瓦房子如何隔热| www.148912.com-彩票密码解密图| www.958974.com-中国彩票最大奖号| www.2146.cc-七彩阳光广播体操| www.416037.com-何为黑彩-| www.113451.com-有能买彩票的网站| www.65733.cc-双色球彩票助手| www.698971.com-零基础学彩铅入门| www.881741.com-q彩网大发快三| www.947312.com-14彩票-| www.989704.com-大同彩票平台怎样| www.ri5.cc-福彩三d走势图| www.129.cm-实体彩店app| www.40173.com-福利彩票有几种买法| www.808111.com-优彩彩-| www.3248.vip-蓝冠彩票下载| www.130393.com-加团队买彩票| www.dn18.com-体育彩票规律破解| www.17ok.com-澳客彩票网能买足彩| www.1766.site-时时彩外围网站| www.o86.org-彩票规则介绍双色球| www.569185.com-青海体彩中奖情况| www.181519.com-幸运快三三不同号| www.297003.com-彩票k线解析| www.404520.com-大白菜彩铅画教程| www.542041.com-胜负彩360彩票| www.181110.com-中国彩吧网-| www.331092.com-买彩票怎么看走势| www.4651.cn-打彩票的教学| www.258736.com-竞彩足球365| www.n70.cc-怎么看彩票-| www.266311.com-彩票网络购买平台| www.uw85.com-易彩快三计划计划网| www.673192.com-河南418彩票| www.128119.com-网上彩票快3| www.277648.com-手机中福彩票安全吗| www.52175.cc-赢钱彩票与你同行| www.777725.com-小财神彩票论坛| www.888216.com-汇彩国际骗局揭秘| www.978724.com-福彩线上投注合法么| www.117981.com-一分时时彩官网计划| www.654153.com-微信群里玩北京快三| www.396802.com-菠菜注册开户送彩金| www.523965.com-彩票直通车能提现么| www.598595.com-七星彩中奖号码表| www.669128.com-彩票在线统计| www.738872.com-微信合买彩票靠谱吗| www.818041.com-足彩胜负19024| www.619228.com-云南福彩大奖得主| www.700520.com-彩辉纺织有限公司| www.778333.com-福彩快三网是真的| www.857756.com-多盈娱乐彩票平台| www.06996.cc-彩票中奖模下载| www.nq0.com-福彩快3一天多少期| www.302780.com-福利彩票快3安装| www.547488.com-一分快三怎么买| www.741223.com-28彩票注册-| www.719273.com-彩票刷流水怎么刷| www.874424.com-重庆时时彩360| 500万彩票www.5441p.com| www.224677.com-快三怎么看遗漏| www.554856.com-彩哥下载地址| www.666768.com-乐彩站是真的吗| www.841633.com-福彩数字构成| www.013265.com-彩吧论坛胆码杀码| www.206786.com-珍爱网彩票男| www.882934.com-玩投彩的女生| www.239281.com-快三输钱报警管用吗| www.343345.com-建湖体育彩票机转让| www.10928.com-12选5大彩鲸| www.008811.com-时时彩数据导入| www.59695.cc-彩虹图片手绘| www.110385.com-体彩改革对业主| www.308201.com-福利彩票奖金计算器| www.702241.com-快三提前看开奖码报| www.948199.com-极速时时采彩骗局| www.yq68.com-廊坊体彩中心的电话| www.376550.com-体彩7星彩结果查询| www.659070.com-快三双和值遗漏数据| www.836077.com-广东好彩1今晚| www.xa22.com-全民中彩最新版| www.567367.com-南京市福彩中心地址| www.bj46.com-快三是否是黑彩| www.310677.com-彩票k线分析软件| www.524407.com-3b福利彩票总汇| www.661217.com-神奇的二组彩票数字| www.801310.com-彩九网址app| www.089131.com-快三杀号专家最准确| www.331227.com-彩6彩票下载| www.7985.net-博彩业属于金融业吗| www.845333.com-台湾有哪些彩票| www.954925.com-彩票辅助器免费版| 500彩票www.3126n.com| www.09777.com-657彩票在线| www.585950.com-彩票开户送-| www.306567.com-app购彩网-| www.672056.com-彩宝彩票官方| www.254143.com-风发彩票app下载| www.378533.com-温州彩票店转让| www.476980.com-体育彩票场次| www.542830.cc-大马彩票开奖查询| www.599213.com-在实体店怎么买彩票| www.39811.cc-彩虹8下载-| www.526863.com-网彩被骗也不敢报警| www.665899.cc-时时3分彩开奖记录| www.362892.com-七星彩数据分析| www.4941.cn-d9彩票现在的网址| www.17536.cc-昆明彩票店加盟中心| www.083001.com-时时彩的故事| www.1790.cc-什么是重庆快三| www.056535.com-河北彩票开奖详情| www.954663.com-七星彩资料大全| www.cp0528.com-安徽省快三跨度| www.073859.com-3d杀号家彩网| www.804136.com-乾特火箭彩票app| www.871029.com-时时彩人工计划定胆| www.947595.com-688345购彩网| www.994896.com-好彩平台是诈骗吗| www.nd7.com-河南快三走势一定牛| www.kc64.com-彩票倍投计算| www.xx31.com-足彩软件-| www.583902.com-彩02彩票软件下载| www.557978.com-彩神争霸不能提现| www.272501.com-时时彩20分钟一期| www.383623.com-山西福利彩票电话| www.519923.com-鸿彩怎么赚钱快| www.615472.com-游戏厅彩票机技巧| www.730589.com-智慧福彩app下载| www.885600.com-利彩怎么玩-| www.992840.com-彩票团队微信兼职群| www.kj63.com-快三万能码-|