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.01577.cc-欧冠足彩赔率| www.507975.com-开体育彩票店返点| www.601997.cc-买彩票中了一亿| www.9928.loan-彩票连挂和中挂| www.672350.com-默彩七星彩-| www.561680.com-山东福彩在线投注| www.41wu.com-唯彩看球历史版本| www.925908.com-快三秒电话吉首| www.cp0511.com-一分快三破解版| www.65ad.com-豪彩娱乐时时彩登陆| www.3621.biz-体彩排三的玩法| www.kb50.com-福利彩票中奖规则图| www.111725.com-百盈快三直播| www.195617.com-福彩三d开奖| www.295338.com-快三看走势技巧稳重| www.27252.com-博友彩赚钱靠谱吗| www.04138.cc-高频彩投资-| www.110563.com-时时彩七星彩玩法| www.168396.com-湖北快三跨度走势图| www.266281.com-下载发彩网-| www.388729.com-中国体彩即开8| www.042851.com-网上怎么买足彩| www.192690.com-手机app彩票停售| www.296530.com-体彩e球彩规则| www.372992.com-外围竞彩软件| www.888925.com-神彩争霸ll-| 500万彩票www.06500w.com| www.840670.com-看见福利彩票| www.633465.com-爱彩11选5软件| www.98672.com-彩云追星七星彩最新| www.106084.com-众博彩票的网址| www.257367.com-福彩店申请新规定| www.24iu.com-彩贴胶印怎么去| www.725913.com-彩票是人控制的吗| www.807343.com-什么彩票能中上亿| www.888874.cc-中信彩票是不是真滴| www.353232.com-天彩翼飞店铺| www.397183.com-红旗彩票首页注册| www.26465.com-河北快彩快三电子图| www.39877.com-118彩票开奖| www.029578.com-万利彩票app下载| www.676693.com-七星彩票今日开奖| www.757609.com-福建彩票网22选5| www.zk.cc-官方彩票-| www.721456.com-彩票稳赚计划| www.854978.com-双色球开门彩杀号| www.942417.com-可以买竞彩的app| 亚洲www.296180.com| www.897046.com-秒速高频彩长龙提醒| www.115968.com-彩票追加与加倍| www.202650.com-网易购彩163| www.696303.com-时时彩全天计划非凡| www.905362.com-分析足彩收费违法吗| www.979666.cc-香港248天天好彩| www.gj44.com-福彩一分快三| www.31ii.com-博一吧免费彩金| www.6369.net-sk国际网络彩票| www.01lf.com-发彩网怎么注销账号| www.653508.com-福彩3d鬼640| www.14007.com-中国足球客彩网| www.zr34.com-福利彩票怎么看的| www.968097.com-彩世塔案-| www.07wv.com-旧版360足彩| www.xr96.com-重庆中彩票大奖案例| www.6779.in-幸运彩票版图| www.812996.com-银河彩票手机网投| www.934051.com-彩70网站-| 众发彩票www.669zf.com| www.ue02.com-七乐彩开奖走势图表| www.9448.vip-彩票领奖吧-| www.029956.com-彩虹谷照片真实照片| www.687258.com-彩圣网免费资| www.122561.com-彩世界官网软件下载| www.325387.com-今晚七星彩开吗| www.427299.com-中国福彩双色球投注| www.136012.com-广西手机福彩门户| www.026908.com-佰万彩票是骗局吗| www.134827.com-彩运网线路导航| www.313194.com-分分彩计划三期必中| www.872205.com-快乐彩票一彩种| www.951993.com-彩神争霸8官网| 凤凰彩票www.3479i.com| www.333567.cc-送彩票促销违法吗| www.80qz.com-哈尔滨福利彩票转让| www.884288.com-彩宝彩票cb8| www.fp97.com-北京快3福彩app| www.a51.xyz-胜负彩吧-| www.21aj.com-实时彩平台出租| www.590323.com-法律规定结婚彩礼钱| www.716976.com-荷花彩铅-| www.866787.com-福彩近期开奖号码| www.966614.com-5分快三软件| www.bu66.com-彩票智能缩水软件| www.262689.cc-云南福利彩票| www.08788.cc-福彩快三单式中奖| www.2915.shop-佛山体彩-| 818合彩www.www.5666hc.com| www.633145.com-m5彩票招商代理| www.115942.com-被网络彩票骗了| www.495118.com-2006的58彩票| www.582096.com-安徽福彩快三调整| www.984640.com-彩8提现不了| www.267312.com-胜负彩19045| www.352651.com-时时彩被黑过的平台| www.155485.com-非法彩票给谁举报| www.652186.com-中国体彩网开奖号| www.cp6663.cc-福利彩票官方下载| www.104311.com-体彩排三杀跨度公式| www.861603.com-分分钟快三有规律吗| www.775133.com-k彩彩民福路线测试| www.7540.in-体彩竞彩怎么开通| www.89287.com-查看彩票用什么软件| www.393448.com-株洲福彩中心主任| www.015230.com-七星彩经-| www.94bx.com-易彩堂真的假的| www.298533.com-腾讯彩票幸运大转盘| www.ng30.com-购彩网站app| www.929243.com-福彩假吗-| www.963252.com-网投一分快三合法吗| www.cp921.cc-彩票助赢软件手机版| www.qz82.com-江苏快三计划预测| www.23ey.com-甘肃快三三不同遗漏| www.650176.com-彩虹伞的亲子玩法| www.082.in-万城彩票真假| www.542567.com-快三导航-| www.027248.com-英国5分彩官方网站| www.8028.xyz-水彩森系古装少女| www.326650.com-上官燕七星彩| www.440130.com-uu快三怎么下载| www.791843.com-奥客网竞彩篮球比分| www.854816.com-运彩网入口-| www.900333.com-淘彩app下载| www.953265.com-彩神争8的网址| 网易彩票www.26163z.com| www.349530.com-周末能买彩票不| www.21298.com-买彩票怎么打不开了| www.106075.com-1博彩票登录| www.234323.com-如何戒掉彩票| www.61229.com-众彩网七星彩| www.221525.com-彩票123上网导航| www.971419.com-体彩排3奖号| www.04244.com-彩票微助手可靠吗| www.687657.com-安卓彩神通彩票软件| www.216883.com-彩6下载安装| www.774643.com-七乐彩机选五注| www.839275.com-足彩预测网易| www.903968.com-彩盈彩票-| www.962894.com-福彩3d彩图库| 幸运彩票网www.33598q.com| www.dl57.com-恒博快三-| www.ud70.com-福利彩票三十六选七| www.90.cc-彩乐透官网-| www.72td.com-的的跟单体彩软件| www.759.in-1上海快三开奖结果| www.433254.com-正安县彩票中奖| www.189144.com-内蒙快三投注| www.942628.com-重兴分分时彩| www.528199.com-e球彩每天开几期| www.lu33.com-三d彩票怎么玩| www.7938.bid-点击彩计划群| www.8310.net-江西彩票品种| www.377631.com-中国福利彩票店图片| www.85315.com-竞彩足球500万| www.521635.com-免费时时彩龙虎计划|