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天

知道了
1分快三 www.10177.com-盛大娱乐彩票网址| www.226163.com-七彩奖结果-| www.338287.com-永利网彩票合买| www.51979.cc-华夏彩票手机版下载| www.070096.com-大发时时彩有人赢吗| www.695206.com-快三今天开奖| www.9904.com-竞彩调整原因讨论| www.038009.com-49am彩票平台| www.214348.com-人人彩票网提现| www.357517.com-不记名彩票-| www.550450.com-彩发彩票-| www.19112.cc-手机彩票如何兑奖| www.856313.com-快三怎么反倍投| www.et43.com-北京5分彩开奖查询| www.0487.com-360安全购彩| www.m05.net-乐彩大发快3| www.12412.com-快三猜一个号如何玩| www.64.cx-福彩高管被查| www.20926.com-彩票诈骗报警有用不| 银河彩票www.661661a.com| www.770551.com-七彩阳光体操音乐| www.906937.com-世界杯体彩规则| www.cai4866.com甘肃快三今天开奖| www.98688.com-竞彩6串50-| www.033072.com-鹤壁体彩-| www.14lz.com-安徽体彩在哪里兑奖| www.995418.com-易彩堂犯法吗| www.mx86.com-中国彩吧论坛| www.06pz.com-彩票投注站猫腻| www.22665.com-香港4亿彩-| www.119648.com-马会彩经一码书下载| www.407074.com-江西11选5爱乐彩| www.562622.com-中彩啦安卓下载| www.670153.com-手机在线彩票app| www.398376.com-彩卡龙印刷报价表| www.535103.com-天下彩票开奖直播| www.384877.com-哈尔滨彩票大王| www.861947.com-最近彩票开奖结果| www.686870.com-四年级下册中彩那天| www.96394.com-福彩全国联销期| www.522044.com-武威附近体彩销售点| www.681950.com-爱投网让彩票店出票| www.775137.com-天天中彩票骗子| www.872670.com-福彩迷是什么| www.667496.com-电脑澳门彩球24码| www.815872.com-福彩3d两码合差表| www.947703.com-多彩贵州网陈永堂| www.hd28.com-欧冠购彩万博app| www.31xl.com-体彩18058-| www.81193.cc-吉林快三一百期| www.399239.com-3号彩票注册码| www.793502.com-胜彩娱乐可信吗| www.874196.com-彩之牙彩票查询系统| www.942879.com-众彩安装-| 同乐彩票www.029783.com| www.id43.com-成功戒掉彩票| www.050848.com-彩票合买有骗局吗| www.922875.com-福利彩票站如何转让| www.969626.com-什么彩票软件最好用| www.274747.com-快三高级算号器| www.944128.com-58彩票平台怎么样| www.gi37.com-tc168彩票平台| www.050656.com-亚朵网彩票-| www.76752.com-竞彩中心套利| www.076957.com-韩国彩票开奖查询| www.49zk.com-足彩怎么玩才能稳赢| www.878596.cc-竞彩全包最牛技巧| www.6970.cn-时时彩四星杀号方法| www.877248.com-六台彩迷宫生死博斗| www.411195.com-唯彩大乐透预测| www.772916.com-手机验证领18彩金| www.01695.com-高频彩走势图| www.501599.com-湖北快三开奖助手| www.14987.cc-彩报图库试机号| www.vn96.cc-惠民彩票是黑平台吗| www.45lg.com-苏式彩绘图片大全| www.905235.com-伯爵彩票app下载| www.in5.com-上海福彩吋时乐| www.243214.com-大众快三开奖结果| www.341155.com-拉萨体育彩票领奖| www.44nx.com-压大小正规彩票| www.412618.com-福彩2d开奖-| www.737935.com-彩神喷绘机价格| www.38522.cc-海南七星彩计划软件| www.736257.com-大发快三3计划| www.594485.com-彩神之首双色球三股| www.713006.com-体彩大乐投-| www.125424.com-家彩开奖首页下载| www.697371.com-七星彩网开奖结果| www.306644.com-中澳彩票app| www.403494.com-新手如何用彩铅画树| www.515917.com-购彩网公式规律| www.1804.net-重庆时时彩玩法最稳| www.759279.com-下载中华彩票网| www.549007.com-高手彩票、彩票高手| www.095211.com-四川彩票-| www.161131.com-wcpcc玩彩票| www.225557.com-百合彩票-| www.288349.com-福彩江苏快三| www.897829.com-彩票平台广告词| www.100422.com-竞彩亏盈公式| www.91240.com-好彩爽爆-| www.kw49.com-快三彩票群真的吗| www.899123.com-足彩让负是什么意思| www.396696.com-美国彩票中奖玩法| www.bx20.com-博彩推广技巧| www.287477.com-福彩3d试机号口决| www.yh17.cc-淘宝福彩哪里买| www.65pw.com-卖彩票的提成是多少| www.2209.cc-售彩色复印机租赁| www.224150.com-辽宁体彩11选| www.871363.com-众赢彩票app| www.963404.com-十五选五彩乐乐预测| 亚洲彩www.68568f.com| www.616011.com-200w彩票官网| www.343022.com-伦敦2分彩计划| www.486817.com-重庆时间时彩官网| www.cp968.com-福建快三专家推荐号| www.179880.com-欢乐快三是哪里的| www.113020.com-彩票网站大众| www.800.win-上海福利彩票转让| www.077483.com-彩票输了报警有用吗| www.161365.com-美国纽约快三网站| www.235691.com-乐乐彩票可靠吗| www.50gf.com-足彩爱美人微薄| www.3837.top-彩神帝官网-| www.992196.com-福彩小黄人代理| www.cz53.com-人人彩票软件| www.357568.com-捡到的彩票中奖归谁| www.001766.com-彩票可以投注平台| www.489588.com-七乐彩开奖结果查查| www.553277.com-江西福彩2个多亿| www.969352.com-福利彩票中心收入| www.978857.com-好彩在哪买-| 亿彩堂www.689826.com| www.5vv.com-分分彩自动挂机稳赚| www.575896.com-彩票试机开奖| www.675180.com-竞彩篮球场次少了| www.801054.com-谁在皇都彩票赢钱过| www.923478.com-怎么举报彩票店吃票| www.988875.com-彩8正版下载| www.gl34.com-福彩快三奖金| www.5ux.com-东彩娱乐app| www.74ld.com-体育彩票开奖排列三| www.6945.cm-七彩虹刷bios| www.32153.cc-易彩网注册邀请码| www.884163.com-玩乐盈彩票输20万| www.953953.com-彩票计划中奖网| 网易彩票www.096wy.com| www.cd55.cc-有没有快三赚钱的| www.99073.com-腾讯分分彩精准预测| www.816867.com-时时彩遗漏提醒软件| www.890891.com-快三走势图tv| www.980012.com-2018彩票app| www.cp991.com-查下福建快三预测号| www.rq22.com-重庆时时彩2星技巧| www.07hk.com-彩铅小雏菊画方法| www.92in.com-买彩票投注-| www.6034.biz-奇门测彩票用神| www.12918.com-福彩公益诗字谜| www.494970.com-博彩app合法吗| www.279253.com-11086移动彩票| www.850519.com-重庆时时彩生肖| www.115070.com-福彩3d牛彩采摘网|