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.006226.com-特区七星彩南国论坛| www.33048.cc-专业玩彩个人网| www.44613.com-福彩生肖六加一| www.1pa.com-福彩3b图谜第三版| www.917908.com-风雨彩虹歌词| www.987775.com-上海快三精准计划网| www.bm97.com-下彩网首页-| www.xo12.com-七星彩号码-| www.3383.com-彩神全国代理| www.1591.cc-双彩论坛3d字迷解| www.4888.pw-彩奕颂莲颂服饰| www.13622.com-晓风彩票网站源码| www.61126.cc-非法彩票查处| www.1768.biz-最牛彩票软件| www.220373.com-体彩排三独胆| www.59ly.com-彩钢瓦机器设备报价| www.5010.vip-有什么好的彩票平台| www.10280.com-砺儿看彩双色球| www.744402.com-奥客网足球彩票| www.2551.cc-如何画彩票k线图| www.31668.com-临渭区福彩店转让| www.82233.com-彩票app哪个正规| www.633309.com-竞彩篮球上哪买| www.18ik.com-七乐彩开奖日期查询| www.863881.com-14人彩票造假事件| www.977365.cc-福彩3d定位胆技巧| www.is2.cc-快三网站平台官网娱| www.10jx.com-手机彩膜华为p8| www.8766.com-用人工智能算彩票| www.008391.com-发现更多精彩视频| www.09ej.com-众易彩票送彩金| www.1169.vip-竞彩广告语大全| www.457299.com-福彩几号开奖时间| www.560152.com-时时彩安卓计划软件| www.739724.com-678彩票网是骗子| www.861839.com-彩票店装修图片欣赏| www.969012.com-替别人刷彩票犯法嘛| www.69638.cc-北京时时彩是否正规| www.088248.com-大发快三作弊软件| www.088585.com-河内一分彩开奖结果| www.005315.com-彩79app下载| www.168815.com-安徽福彩快3| www.942927.com-杭州体彩兑奖中心| 99彩票www.31047.com| www.908608.com-福彩快三和值图| www.978625.com-福彩自助精灵靠谱不| www.hl5.com-1分快3送彩金| www.30kl.com-昨天晚上福彩出什么| www.1nl.com-体彩店可以转让吗| www.69wf.com-手机能打彩票么| 500彩票www.341977.com| www.rs10.com-你的名字叫无敌快三| www.52.pw-彩票中奖扣多少税| www.65ha.com-福彩演播室答题| www.1527.win-体彩7位数复式投注| www.54sq.com-昆山体彩中心位置| www.1903.cn-qq分分彩投注| www.8612.biz-福彩快三公式| www.43044.com-贵州快三三同号推荐| www.99643.com-北京时时彩五星漏洞| www.071854.com-中彩票的人自述| www.131771.com-山西彩礼-| www.199543.com-厦门福彩快3| www.xn78.com-河北快三连线走势图| www.9778.cc-旺彩双色球大师预测| www.009986.com-澳客足彩网-| www.70lj.com-彩票1400亿-| www.xw06.com-澳发彩票手机版| www.37170.com-彩票好运来-| www.037660.com-彩票组合软件下载| www.154518.com-中彩票比赚500万| www.293582.com-江苏快三推荐彩乐乐| www.485126.com-网页玩时时彩被骗| www.616420.com-竞彩5场4关-| www.xw07.cc-76858彩票平台| www.1500.pw-哪里能找彩票网址| www.082659.com-分分快三的玩法| www.06en.com-33期福彩双色球| www.34gp.com-七星彩开奖结果图纸| www.932611.com-海宁彩色纸箱印刷厂| www.5579.net-乐购彩下载-| www.91339.cc-欧盟好彩蓝莓怎么样| www.127903.com-彩虹歌曲-| www.497272.com-牛彩官网3d断组| www.95np.com-鸿彩平台是真是假| www.40ws.com-彩礼和嫁妆制度| www.393789.com-正版福利彩票双色球| www.599790.com-彩票大奖记录| www.780977.com-5型彩票组合软件| www.836609.com-湖北体彩ll选5| 网易彩票www.084wy.com| www.961922.com-上海福彩快3下载| www.tt93.cc-手机彩票合买软件| www.1891.online淘彩票福彩快三网| www.45552.com-彩票试机号3b| www.860525.com-上海福彩快3推荐| 旭彩www.737298.com| www.229859.com-彩票送19体验金| www.386716.com-彩票图片编辑软件| www.032777.com-500彩票没邀请码| www.3863.xyz-福彩3d晚秋和谜| www.330369.com-3d彩民乐精华版| www.471455.com-利泊彩票网站| www.nh04.com-彩先知10码10码| www.854322.com-彩票诈骗怎么判刑| www.954874.com-澳洲5分彩开奖记录| www.11139.cc-足彩推荐在哪里好| www.522.win-时时彩停了吗| www.al01.com-152彩票下载安装| www.3773.online旺彩软件下载ios| www.240237.com-关于彩铅画的技巧| www.427715.com-德国鲸彩漆-| www.798078.com-辽宁彩票11选5| www.528332.com-彩神1是骗人的吗| www.253652.com-重庆时时彩新版本| www.017175.com-易彩app靠谱吗| www.92db.cc-手机赚佣金平台彩票| www.58957.cc-福彩3d宝典-| www.376253.com-网上玩大彩票输钱了| www.361443.com-易发彩安全吗| www.963972.com-彩乐乐3d杀号| www.205977.com-手机博彩app| www.57608.com-锋彩app直播下载| www.220555.com-福彩快三输了想回本| www.520907.com-中国玩黑彩的人多吗| www.739310.com-吉林快三二不同| www.938861.com-8亿彩什么情况| www.899599.com-彩81下载苹果| www.56361.cc-香港彩富网| www.338166.com-福彩和值技巧大全| www.021626.com-快三单双技巧| www.132419.com-平顶山彩礼-| www.448056.com-七月星彩结果奖结果| www.ok56.com-彩票系统规律的破解| www.3798.cm-乐彩体彩网-| www.051002.com-香港高频快三娱乐| www.62708.com-新福彩走势首页| www.180829.com-手机彩票软件排名| www.680852.com-掌优彩票投注记录| www.186856.com-优信彩票快3| www.061476.com-我去彩票站-| www.883107.com-678彩票是真的吗| www.2631.pw-福利彩世界平台登陆| www.388706.com-小米足彩-| www.mj75.com-分分时时彩平台| www.4654.vip-5a彩票网是真的吗| www.1264.net-排列三家彩彩民论坛| www.152405.com-吉祥彩票计划软件| www.446432.com-体育彩票3d开奖| www.997356.com-爱心彩下载-| www.279681.com-竞彩500即时比分| www.6875.net-好彩1871双爆珠| www.369952.com-彩票中五位数多少钱| www.11672.com-香港天空彩与你同行| www.023546.com-福彩3d中奖条件| www.714432.com-福彩山地字谜| www.841125.com-七乐彩精确组合| www.979427.com-江苏体彩开奖结果| www.63168.com-巨人彩票不能提款| www.868725.com-七星彩61-| www.n83.net-彩票游戏规则| www.000326.com-立彩佳美缝剂胡可| www.rf80.com-168彩票com-| www.017513.com-易旺彩票网大发快三|