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.009379.com-app132彩票-| www.04155.com-909彩票下载安装| www.88117.cc-彩票跟单员兼职| www.351937.com-网上彩票是不是骗局| www.509880.com-易玩567彩票官网| www.642380.com-福彩图片精美| www.753529.com-属虎今年买彩票号码| www.855060.com-天天爱彩票提现不了| www.933098.com-众信彩票官网| www.998223.com-福彩快三网平台| www.bz11.com-彩票砍龙是啥意思| www.p49.com-有没有玩滴滴彩票的| www.1035.com-速彩网app下载| www.ps43.com-新彩吧3d字谜汇总| www.21hs.com-时时彩网页数据导入| www.361.space-19在线彩票合法| www.9507.vip-关于彩票的问题| 500万彩票www.06500w.com| www.83we.com-快乐分分彩在线计划| www.9155.me-福彩3d精准杀码村| www.151012.com-七乐彩综合版走势图| www.282345.com-河北快三里的秘密| www.369431.com-福建体育彩直播聊天| www.480092.com-澳洲快三怎么买| www.560434.com-非凡彩票双色球| www.917422.com-必赢版手机彩票| 公益福彩www.gyfc0.com| www.221240.com-彩票助赢计划网页| www.4408.vip-快彩网平台怎么样| www.96035.com-甘肃福彩客服电话| www.158165.com-彩三数字-| www.267714.com-地方彩票-| www.23708.com-彩票一般怎么买| www.81630.com-福彩快三多久开一次| www.061094.com-六壬金口诀测彩| www.153239.com-七乐彩最高奖金多少| www.233289.com-北京快三购买平台| www.315448.com-重庆市彩时害人| www.965719.com-山东省福彩中心电话| www.of47.com-福彩开奖结果今天| www.309024.com-等一彩票-| www.126602.com-彩票兑奖截止时间| www.232353.com-吉林今天快三推荐号| www.322260.com-十大博彩下载| www.392931.com-蓝彩推荐-| www.278160.com-中彩网wap-| www.929720.com-彩票管理条例| www.987987.cc-中彩堂软件-| www.dc54.com-盛兴彩票网登录网址| www.vz37.com-有可靠的快三网站吗| www.08el.com-体彩二串一代理| www.97ks.com-桥洞时时彩规律| www.0458.cn-体彩手机可以投注吗| www.cz81.com-福建快三规则| www.xh59.com-福彩上海11选5| www.19wp.com-彩票挂机设置| 网易彩票www.26163j.com| www.42yc.com-体育彩票365新版| www.531637.com-新浪nba篮彩预测| www.661798.com-七星彩放假时间| www.772550.com-彩票图表大全| www.870940.com-体彩6+1中奖规则| www.956049.com-3d彩票谜语总汇| www.cai3373.com快三定胆准确率99| www.yv59.com-世界最高彩票| www.53379.cc-老时时彩走势360| www.367977.com-七彩星小说| www.447543.com-竟彩站点发布单| www.983148.com-趣彩彩票app| www.5861.xyz-江苏快三图片大全| www.626779.com-038彩票8元彩金| www.712916.com-河北快三走路| www.791456.com-今晚七星彩开埃| www.852330.com-河内时时彩正规吗| www.904495.com-500万足彩比分| www.957304.com-天天彩票论坛丨马会| www.999641.com-好彩自然来女主角| www.ck80.com-网上彩票平台哪个好| www.ri49.com-快三作弊辅助器| www.z24.com-爰购彩票-| www.49xl.com-福彩彩票几点开奖| www.383.cc-乐米彩票停售原因| www.3327.cm-彩色装饰画人物| www.8366.vip-辣椒七星彩-| www.23366.com-826彩票软件| www.738263.com-手机上加群玩彩票| www.900228.com-生日号码生成彩票| www.03nf.com-福彩3d胆玩法介绍| www.655976.com-彩票赔钱经历| www.728357.com-红彩网直播-| www.803755.com-山西体彩11选5图| www.872251.com-红旗彩票菜种| www.920323.com-308彩票网官网| www.7fl.com-黑龙江福彩下载安装| www.15272.cc-速彩吧官方彩票网| www.560775.com-彩票今期开奖结果| www.500211.com-体彩福彩哪个销量好| www.013000.cc-彩69兼职是骗局吗| www.151135.com-时时彩2期计划网页| www.292571.com-武汉福利彩票店转让| www.428244.com-足彩缩水软件下载| www.577874.com-万家乐彩票平台网站| www.703808.cc-苏州快三开奖走势| www.968774.com-e乐彩vip-| www.ga83.com-河北燕赵福彩排列七| www.05cu.com-彩铅柴狗画教程简单| www.091210.com-八号彩票登陆网址| www.765345.com-老808彩票-| www.907090.com-哪个彩票是8位数| www.976906.com-下载一定牛彩票| www.op1.com-江苏快三精准预测| www.t35.pw-彩尊手机版安装包| www.67pv.com-比较成功的体彩店| www.717559.com-彩客网完整版比分| www.827767.com-中国彩网站-| www.24kk.com-手机贴汽车彩膜| www.4787.cm-网上买彩票真的假的| www.87542.com-彩票为什么输钱| www.312203.com-春秋彩票官网| www.sd66.com-彩票qq群是真的吗| www.886986.com-微信美女带着买彩票| www.963037.com-彩乐乐专家杀号推荐| 福利彩票www.99677h.com| www.12pm.com-彩票倍数计算公式| www.245566.com-福彩网1分快3计划| www.5661.biz-福彩欢乐声肖| www.789987.cc-西宁福利彩票领奖处| www.931818.com-澳门快三哪些平台| www.18pw.com-当天的彩票几点停售| www.281005.com-重庆时时彩官方通知| www.478827.com-竞彩奖金优化计算器| www.10bv.com-ee彩-| www.585732.com-天天爱彩票怎么回事| www.711289.com-五分彩网站-| www.828525.com-6118网络彩票| www.931434.com-腾讯3d彩票计划| 好运彩吧www.097037.com| www.wb55.com-吉林省彩票中心在哪| www.0638.net-cc彩球网手机网址| www.633204.com-45cc彩票-| www.9419.top-华人彩注册-登录| www.75769.cc-彩票救援金是什么| www.122861.com-天天中奖彩票彩金| www.271712.com-广东福彩好彩一| www.534898.com-国民彩票是黑平台吗| www.668946.com-秋叶说彩专家专栏| www.794634.cc-微信彩票代玩平台| www.885334.com-澳客赢家彩票安卓| www.965565.com-河南快三一天几期| www.ez4.cc-快三复式投注计算| www.xr35.com-赔率高的彩票平台| www.92ew.com-01彩票咋样-| www.53576.cc-体彩任选三号码| www.751615.com-幸运中福彩软件| www.653656.com-奔腾彩票官网| www.772321.com-福彩双色球下载安装| www.858741.com-七乐彩开奖直播频道| www.957068.com-挂机彩票真的假的| 吉利彩票www.66376j.com| www.fn22.com-福彩端怎么样| www.i59.org-福彩微信公众号| www.305847.com-彩虹六号国服过审| www.404167.com-彩陶王酒多少钱| www.586370.com-福彩九宫图-|