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.303452.com-唯彩会最新版下载| www.884818.com-地方彩票开奖2元| www.as83.com-彩票坊注册-| www.s52.club-快乐彩江苏快3| www.938796.com-红牛彩票一分快三| 杏彩www.00840j.com| www.fm70.com-凤凰快三破解| www.644123.com-黑龙江时时彩玩法| www.966651.com-河北福彩排5走势图| www.60175.com-体彩即时彩-| www.791145.com-福彩3d手机选号器| www.918590.com-澳门博彩税率是多少| www.cp0101.com-1分钟彩票app| www.88ag.cc-4scc彩票网| www.94196.com-对福利彩票的认识| www.085715.com-纵彩彩票一分钟快三| www.56806.com-时时彩票怎么玩才赚| www.x41.cc-天天体彩视频| www.17975.com-卖竞彩到底能盈利吗| www.096683.com-千亿彩票平台怎么样| www.185628.com-pc福彩是什么意思| www.220052.com-快三在线注册平台| www.330772.com-买时时彩哪个平台好| www.451054.com-七乐彩开奖现场直播| www.555951.com-彩票试玩游戏平台| www.626881.com-彩票中五百万能中吗| www.715252.com-买彩票软件官方版| www.791296.com-时时彩做号器| www.887553.com-玩彩网靠谱吗| www.974935.com-易彩合法吗-| www.ci79.com-极速快三计划走势| www.ya12.com-梦见彩票号码能买吗| www.097303.com-体彩3d基本走势图| www.220812.com-大发快3是什么彩票| www.794651.cc-新彩吧字谜画总汇| www.964200.com-体彩大乐透开奖玩法| www.810.org-上海体彩店转让| www.741711.com-彩票指南彩搜网| www.227126.com-彩虹歌词-| www.735192.com-公式中彩票-| www.716088.com-大发彩票可信吗| www.876214.com-福彩排五走势图| www.13mc.com-王者彩票网上导航| www.024262.com-分分彩倍投方案| www.2914.cc-彩票微信飞单| 大赢家彩票平台www.982090.com| www.47zd.com-乐乐彩票真假问题| www.0840.com-在哪可以网上买足彩| www.380109.com-怎么买湖北快三| www.xi06.com-好彩网3d图谜| www.72xl.com-彩世界怎么下载不了| www.1918.com-福彩3d鬼六谜语| www.7736.pw-彩九网址-| www.28273.cc-做时彩代理违法吗| www.8235.cn-pk彩莱利彩票| www.44970.com-彩93彩票靠谱吗| www.160150.com-快开彩票怎么买的| www.360.hk-皇冠彩是什么鬼| www.4669.xyz-福利彩票可以追妻吗| www.261041.cc-尊彩网app-| www.358427.com-彩票自动跟单软件| www.462624.com-彩宝彩票是不是骗局| www.707823.com-竞彩足彩胜平负购买| www.322724.com-七乐彩票开奖结果| www.428280.com-360彩票网是骗人| www.667127.com-彩票33下载手机版| www.hj79.com-香港49彩票app| www.14po.com-乐彩苹果下载| www.d76.com-廉江好彩哥-| www.45lt.com-苏州足球彩票店| www.313381.com-赢家彩票是什么| www.62625.cc-双色球走势图彩民村| www.033823.com-神彩奕奕的意思| www.029775.com-体彩兑奖后多久到账| www.4456.cc-彩薇花化妆品安全吗| www.26403.com-如何订购福彩报纸| www.1767.wang-高频彩票基诺| www.919926.com-国外彩票网站出租| www.98un.com-攻击彩票网站漏洞| www.5261.vip-彩6彩票怎么样| www.024573.com-7星彩几点开奖| www.562034.com-海南私彩软件| www.870473.com-网上投彩平台靠谱吗| www.971554.com-彩票回血计划| www.cp7597.com-河北快三助手免费版| www.08lt.cc-中彩网怎么购彩| www.87818.com-胜负彩怎么看| www.232311.com-甘肃快三昨天走势| www.304118.com-福彩3d条件-| www.377958.com-襄阳彩礼钱20万| www.522985.com-直播刷彩是什么意思| www.329011.com-宝贝计划彩票试用| www.397196.com-v3彩票app-| www.91716.cc-好彩3中奖查询| www.105215.com-竞彩官网比分直播| www.587932.com-乐彩vip有几个| www.hm.cc-中国福彩快三大小| www.978429.com-好彩网今晚一注预测| www.1460.xyz-古风美人手绘彩铅画| www.026115.com-哪些是黑彩票网站| www.539224.com-怎样做彩票的销售| www.621323.com-福利彩票连连看破解| www.717874.com-大乐透黑彩-| www.802138.com-体肓彩票-| www.887208.com-11选5购彩微信群| www.cp5218.com-青海快三开奖| www.xd70.com-贵州快三一天开几期| www.64ia.com-众彩网网址-| www.1233.cc-云南快乐彩十分电脑| www.7073.vip-分分彩个人技巧经验| www.32152.com-胜负彩19042期| www.75212.com-福彩刮刮乐图片| www.083908.com-牛彩排三预测| www.199724.com-时时彩快三软件| www.yl31.com-彩票十一选五贵州| www.697379.com-购彩堂一分快三| www.791093.com-福彩选号规则| www.901046.com-东北彩王马洪平| 中彩网www.61233b.com| www.ue42.com-四川体彩金七乐下载| www.79661.cc-宁夏福利彩票走势图| www.063526.com-代理的彩票犯法吗| www.193524.com-福彩快三开奖规律| www.280997.com-竞彩投注技巧口诀| www.935009.com-彩票挂机软件安卓版| 世彩堂www.5854m.cc| www.893177.com-超級彩票助手| www.957015.com-京彩京彩挂机软件| 彩之家www.66czj.com| www.760810.com-两分时时彩软件| www.826009.com-福利彩票复式价格表| www.891771.com-彩计划安装-| www.954423.com-众博彩票的网址| www.993038.com-三号彩票app| www.pv2.com-我想买彩票怎么买| www.mi78.com-好彩投彩票app| www.sg95.com-幸运时时彩-| www.83438.com-彩票大数据分析吧| www.030961.com-彩票黑点看出中奖| www.109850.com-大发ok彩票-| www.219815.com-彩吧论坛首页牛彩| www.508940.com-墨西哥赛车彩票| www.573729.com-腾讯分分彩稳赚玩法| www.08852.cc-彩票七天乐是骗局吗| www.086556.com-快三到晚上几点结束| www.228366.com-四川彩礼价目表| www.439766.com-福利彩票开试机号| www.659373.com-体彩中奖助手官网| www.859556.com-内蒙古体彩遗漏| www.xu19.com-买彩票怎么才能中奖| www.32611.com-政府控制彩礼| www.119372.com-彩8彩票手机版下载| www.cp8268.com-上海福利彩票快3| www.16ne.com-乐彩客彩票安卓下载| www.22801.com-四亿彩票下载| www.31083.com-买彩票软件正规吗| www.tc15.com-彩票靠概率取胜| www.359639.com-七星彩一注多少| www.455339.com-华彩生活app下载| www.549342.com-分分彩刷流水方法| www.264838.com-开大小单双是啥彩票| www.870179.com-上海快三一共多少期| www.if99.com-足彩微信-| www.121483.com-彩票提现成功未到账|