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.pu99.cc-5g彩票-| www.078094.com-福彩网软件合法吗| www.69865.com-宁夏福彩快三直播吧| www.155184.com-足彩38期赛果| www.277185.com-一分快三有啥平台| www.429535.com-利彩和立彩的区别| www.852902.com-北京福彩网下载| www.26jv.com-彩票大管家山东| www.3298.net-广西快三冷热| www.72737.cc-永旺彩票官方网| www.441235.com-四川体彩手机在线| www.576926.com-牛彩排列三字谜| www.694783.com-运盛彩票登陆| www.232307.com-江苏快三中奖| www.363539.com-美国彩虹有几种颜色| www.575836.com-彩票为何停售一小时| www.772168.com-时时彩组六倍投经验| www.925953.com-332彩票app-| www.3679.biz-休彩排三技巧| www.24742.com-彩铅彼岸花绘画教程| www.137316.com-0818彩票下载| www.268600.com-衡阳市福利彩票中心| www.381506.com-5亿彩是什么意思| www.595880.com-彩票店中奖横幅咋写| www.749098.com-彩神破解-| www.545645.com-快三老安徽-| www.53035.com-中彩票安卓版下载| www.397005.com-搜狗福利彩票中奖| www.08au.com-手绘彩铅室内效果图| www.818464.com-福利彩票领奖要去买| www.568412.com-合买彩票搭建| www.835583.com-手机打彩票软件下载| www.955518.com-o1彩票app下载| www.lk7.cc-网上买彩票的导师| www.900071.cc-福彩快3魔图| www.964710.com-足彩澳门即时盘指数| 多乐彩票www.377474.com| www.676904.com-进口彩妆批发市场| 汇彩网www.www.hcw266.com| www.860517.com-彩票网上投注平台| 幸运彩票www.117809.com| www.nc56.com-豪彩平台app| www.46lp.com-玩时时彩送彩金平台| www.3902.org-新盈彩彩票-| www.08455.com-广东省福彩电话号码| www.755962.com-7星彩论坛-| www.657604.com-休肓彩票超级大乐透| www.818940.com-bbin彩票骗局| www.951778.com-正版时时彩平台出租| www.ft89.com-快三兼职代玩真的吗| www.20ey.com-胜负彩18040| www.971170.com-今天福彩中奖号码| www.564522.com-最火的87彩店| www.626901.com-彩票手机平台| www.905625.com-快三单双对赌套利| www.613857.com-高频彩票有假| www.679739.com-私人彩票网站| www.72lu.com-竞彩串关计算方法表| www.699866.com-正版神马报幸运彩| www.198954.com-彩神网-| www.131136.com-四川眉山彩礼| www.971306.com-福彩刮刮卡有多少种| www.823756.com-彩民堂官网-| www.0xr.com-我中啦彩票网有密| www.039646.com-彩票之家合法吗| www.68dh.com-苹果竞彩258下载| www.au16.com-优信彩票平台下载| www.93qd.com-一分彩对应码| www.155063.com-足彩开奖时间是几点| www.667559.com-儿童游戏彩球| www.905091.com-郑州彩票店转让信息| www.jj07.com-彩票福彩3d字迷| www.nh98.com-竞彩足球异常监控| www.q67.cc-双色彩票一注守号| www.52kz.com-足彩310星象图| www.355933.cc-想举报网络买彩票| www.91ts.com-福彩快三是骗人的吗| www.517219.com-爱彩人怎么样| www.644859.com-足彩单场玩法规则| www.771571.com-中国体育彩票扑克三| www.895652.com-四场进球彩对阵表| www.cp0416.com-时时彩助手app| www.z69.cc-谁有快乐彩票邀请码| www.518039.com-电子彩票怎么买| www.83qv.com-5个数的彩票有哪些| www.478369.com-工行积分换彩票| www.3es.com-热购彩票能提现吗| www.66717.cc-彩票兑奖码泄露| www.069284.com-彩票双胆怎么算出来| www.995926.com-新浪足球胜负彩票| www.579152.com-易购彩票官网| www.537105.com-彩色是不是颜色| www.701090.com-开彩通下载app| www.830595.com-和乐彩票app| www.9132.wang-七乐彩复式模拟机选| 彩票大家乐www.21202o.com| www.lp26.com-全民彩票官网网页版| www.412022.com-彩票复制-| www.820756.com-彩钢瓦单价-| www.903628.com-大发时时彩正规吗| www.989080.com-彩8aqq下载彩票| www.gr56.com-幸运快三开奖| www.00gn.com-彩票烂了怎么办| www.597729.com-七星彩论坛| www.659772.com-明发网上博彩| www.718582.com-饭圈彩虹屁大全| www.778454.com-彩乐园1-| www.22712.cc-流行彩铃-| www.67857.com-贵州快三最新预测| www.018052.com-7星彩体育彩票| www.059986.com-时时彩大神交流贴吧| www.154321.cc-福彩快三中两个号| www.331830.com-福彩10选5怎么选| www.152666.com-藏宝图丨4s彩票| www.225540.com-厦门彩票托-| www.2430.vip-陌陌好彩头直播| www.952661.com-必赢彩网-| www.171.space-外围足彩那些事| www.36pj.cc-七星彩一二位和尾| www.749904.com-腾讯分分彩官网下载| www.925570.com-金彩网彩富-| 福彩天下www.fcff6.com| www.929667.com-七乐彩胆拖金额| www.981.bid-七星彩中个号有奖| www.024743.com-安徽快三三同号预测| www.566854.com-河南众彩网481| www.982482.com-竞彩实体店兑奖| www.sh27.com-1分时时彩走势| www.1788.live-二八彩app下载| www.eh85.com-浙快乐彩开奖| www.u91.org-足彩14胜负澳客网| www.71fu.com-图腾彩票对刷| www.88642.com-神秘彩票app| www.62dj.cc-体彩5p走势图| www.558575.com-精彩中国说林志玲| www.684726.com-下载福彩3d彩票| www.093025.com-官方彩种有哪些调整| www.57212.cc-时时彩任选二技巧| www.565313.com-福彩跑马走势图| www.733571.com-福彩机器充值| www.365906.cc-七星彩走势图连线图| www.676066.com-双彩开奖-| www.430922.com-宿迁市彩礼标准| www.513014.com-开心网七星彩| www.567412.com-中彩网广东-| www.08685.com-陕西福彩中心下载| www.41811.com-彩票12合法吗| www.72192.cc-快乐双彩开奖查询| www.005114.com-彩票网砍龙靠谱吗| www.055883.com-体育彩票8位数| www.967143.com-福彩3d藏机图正版| www.052350.com-500万足球胜负彩| www.8646.loan-快三推荐湖北监视器| www.132104.com-濮阳彩礼钱出人命| www.72566.cc-长春彩票兑奖地点| www.196943.com-彩票研究高手论坛| www.566455.cc-福彩出的什么号码| www.657304.com-福彩游戏机叫什么| www.714701.com-七乐彩除九走势图| www.775662.com-河北福彩助学| www.185145.com-彩票店宗旨-| www.284429.com-时时彩十分钟一次| www.805752.com-西宁彩票店转让| www.882928.com-网上买彩票亏了|