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.560134.com-彩宝贝排列五| www.666753.com-海南七星彩头尾技巧| www.79068.com-玩彩票的app| www.065100.com-香港十分彩的网站| www.445545.com-3d老彩民乐-| www.583838.com-如何选彩票-| www.931286.com-福彩客服电话| 彩客网www.525059.com| www.zv09.com-时时彩投注平台网站| www.783.cm-汇丰彩票平台可信吗| www.678143.com-易彩堂怎么样| www.775947.com-时时彩后三最稳玩法| www.r35.cm-博大彩票下载| www.828195.com-彩票支付宝提现| www.930358.com-彩票快三计划高高手| 彩天下www.c5615.com| www.002777.com-七星彩在线模拟摇奖| www.122258.com-彩民高手坛-| www.308534.com-d8彩票网络平台| www.660003.com-彩票走势图插件| www.755613.com-旺彩双色球靠谱吗| www.840012.com-pc彩票开奖-| www.913806.com-万彩网靠谱不| www.972395.com-普通彩铅画星空| www.hq63.cc-买彩票技巧-| www.957724.com-福彩三d速查表| www.w28.shop-好运快三最长多少期| www.0011.tv-易彩堂下载地址| www.8602.wang-利博彩票app网址| www.32856.cc-汇彩娱乐-| www.027525.com-希腊彩票-| www.yf84.com-派彩网广西快三| www.18693.cc-手机福彩快三的讲解| www.33612.com-河南体彩高频玩法| www.016228.com-鸿彩赚钱是真的吗| www.011729.com-全天彩骗局-| www.786.cn-体彩非常6十1| www.4451.com-网易彩票app| www.zr2.com-福彩开奖双色球开奖| www.551346.com-合买中心信嘉彩票| www.710085.com-彩彩大咖是什么| www.802387.com-竞彩娱乐彩民福地| www.878973.com-河南福彩中心的电话| www.954032.com-uu快三是哪里的| 39彩票www.39cp.cc| www.hk95.com-时时彩选胆技巧| www.0292.xyz-曲靖彩票店转让| 福利彩票www.99677t.com| www.328893.com-吉林快三一百期在哪| www.442654.com-贵宾中彩开奖记录| www.543233.com-福彩3d高手在民间| www.622081.com-福彩快三河北廊坊| www.708023.com-西甲竞彩预测| www.789630.com-竞彩傻瓜规律| www.880967.com-黑彩充值漏洞| www.966622.com-腾讯五分彩是真的吗| www.cai3299.com新快三开奖结果| www.xt.cc-青海快三综合走势图| www.034915.com-大发快三开挂| www.211016.com-彩票网站排名| www.315953.com-够力七星彩奖表规律| www.129935.com-金七乐_四川体彩| www.3001.vip-福利彩票齐鲁风彩| www.527816.com-时时彩的和值怎么看| www.37393.com-彩票是怎么中奖的| www.119458.com-快三怎么猜大小| www.766529.com-彩塔是干什么的| www.881384.com-足球博彩软件下载| 5号彩www.575hc.com| www.559710.com-广东七星彩中奖规则| www.63313.cc-胜负彩19055| www.028203.com-高频彩票有哪些种类| www.151571.com-福彩3字谜图迷汇总| www.957141.com-红牛快三计划软件| www.2jc.com-卖福彩能挣钱吗| www.706.mobi-七星彩开奘直播现场| www.59gs.com-七星彩梦册解梦书| www.3165.com-强力球彩票玩法| www.18921.cc-体彩实体店终报价| www.033505.com-易彩娱乐是黑平台吗| www.0773.site-彩播贝贝密码房合集| www.6866.in-舟山飞鱼彩票技巧| www.21204.com-彩神x彩宝-| www.116576.com-彩乐乐大乐透杀号| www.307675.com-韩国快三电子派彩涂| www.156282.com-重庆实时彩开奖记录| www.886.in-中彩票领奖的经历| www.0633.top-爱乐透彩票手机版| www.921702.com-快三手机app下载| www.981139.com-87竞彩官方网站| www.et48.com-北京90年代彩票奖| www.k90.biz-人人彩票中奖福地| www.0104.com-带彩字网名-| www.033364.com-三十五选七福利彩票| www.680444.com-江苏快三111| www.01323.com-白菜送彩金58| www.531883.com-江苏快三倍投盈利表| 网易彩票www.36788s.com| www.548800.com-宝盈彩票登录| 凤凰彩票www.77803n.com| www.il73.com-彩票齐鲁风采| www.3554.in-最新开户彩金| www.6860.me-舟山体彩飞鱼走势图| www.341385.com-彩票欲出几率| www.467668.com-开福利彩票店利润| www.551221.com-福彩幸运农场走势图| www.051715.com-足球体育彩票怎么玩| www.155832.com-随机彩票号码生成器| www.gd88.com-福彩十选五网络骗局| www.14kp.com-彩金宏辉分析仪| www.1160.vip-3d彩票术语-| www.kb.com-彩票赌博犯法吗| www.175809.com-彩神争8谁与争锋| www.130328.com-棒棒彩票网页版| www.973012.com-彩库宝典大全资料报| 13e彩票www.705059.com| www.362699.com-彩票缺角-| www.467858.com-马耳他彩票开奖| www.191123.com-360新快三-| www.213999.com-人人彩app下载| www.296792.com-一分钟快三怎么赢| www.148144.com-湖南省福利彩票兑奖| www.451630.com-彩票十大信誉平台| www.334831.com-河北快三分析预测| www.444369.com-彩票app素材| www.716214.com-尼彩i5-| www.835272.com-福利彩票藏机图| www.913331.com-彩客网假的-| www.977575.com-最大的彩票app| www.ev92.com-体彩开奖号码排列五| www.g14.net-海南体彩网官方网站| www.202104.com-贵州省福彩-| www.529371.com-彩达人计划网页版| www.9204.cn-网上时时彩盈利表| www.655255.com-七星彩私彩-| www.720742.com-竞彩19046期| www.803933.com-本期七星彩预测定位| www.534177.com-梦迷解图七星彩号| www.268447.com-55128中国彩吧| www.338096.com-彩票微信怎么合买| www.399533.com-新闻彩票中奖| www.565867.com-体彩481怎么投注| www.67jw.com-太原体彩销售点| www.1430.net-彩虹伞-| www.8614.vip-电视没有彩怎么办| www.36947.com-湖北快三论坛群| www.79249.com-天天彩骗局-| www.025974.com-快三魔图-| 凤凰彩票www.3479i.com| www.387366.cc-8p彩膜-| www.301037.com-糖果派对彩金标记| www.369846.com-云彩店二维码| www.470586.com-六台彩迷宫演员表| www.662175.com-竞彩冷门神单| www.739061.com-如何玩快三不会挂| www.816208.com-时时彩顺子最大遗漏| www.904518.com-江苏快三购买网站| www.967534.com-买彩票亏了10几万| www.at47.com-如何开一家彩票店| www.441947.com-竞彩网线路检测| www.728844.com-大连体育彩票机出售| www.789725.com-买足球竞彩是赌博吗| www.853757.com-七乐彩今开奖结果| www.902389.com-黑彩庄家赚钱吗|