QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery实现建站服务介绍左右TAB切换代码

原创商用 jquery实现建站服务介绍左右TAB切换代码

jquery 实现企业建站专业的服务市场介绍左右选项卡TAB切换代码,基于superslide插件开发,结构清晰简单,下载即可使用。
分享到微信朋友圈
X
[声明]该素材属于原创商用,未经允许请勿转载,内有版权说明,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link href="css/style.css" rel="stylesheet" type="text/css"/>

2、head引入js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="serve-content">
	<div class="serve-content-box">
		<div class="serve-content-title">专业的服务市场+专家讲座</div>
		<div class="serve-content-text">
			<em>为您省心</em>
		</div>
		<div class="serve-content-middle">
			<div class="hd serve-content-list">
				<ul>
					<li class="on">
						<span>
							<img src="images/icon-se001.png" alt="">
						</span>
						<p>帮您设计</p>
					</li>
					<li>
						<span>
							<img src="images/icon-se002.png" alt="">
						</span>
						<p>帮您对接</p>
					</li>
					<li>
						<span>
							<img src="images/icon-se003.png" alt="">
						</span>
						<p>帮您上架</p>
					</li>
				</ul>
			</div>
			<div class="bd serve-content-info">
				<ul>
					<li>
						<div class="serve-image-img">
							<img src="images/switch001.jpg" alt="">
						</div>
						<div class="serve-image-box">
							<div class="serve-image-comm1">
								<img src="images/icon-fl.png" alt="">
							</div>
							<div class="serve-image-info">
								<div class="serve-image-info-title">
									<span>
										<img src="images/icon-item001.png" alt="">
									</span>
									<p>帮您设计</p>
								</div>
								<strong>无需您自己操作,专业设计帮您量身定做,打造您的专属网站,让您的网站不再和人“撞衫”。</strong>
							</div>
							<div class="serve-image-comm2">
								<img src="images/icon-fr.png" alt="">
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div class="serve-image-img">
							<img src="images/switch002.jpg" alt="">
						</div>
						<div class="serve-image-box">
							<div class="serve-image-comm1">
								<img src="images/icon-fl.png" alt="">
							</div>
							<div class="serve-image-info">
								<div class="serve-image-info-title">
									<span>
										<img src="images/icon-item002.png" alt="">
									</span>
									<p>帮您对接</p>
								</div>
								<strong>第三方支付、登录等对接帮您搞定,再也不用烦恼第三方对接的问题啦!专人为您调试接口,VIP待遇任您享受。</strong>
							</div>
							<div class="serve-image-comm2">
								<img src="images/icon-fr.png" alt="">
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div class="serve-image-img">
							<img src="images/switch003.jpg" alt="">
						</div>
						<div class="serve-image-box">
							<div class="serve-image-comm1">
								<img src="images/icon-fl.png" alt="">
							</div>
							<div class="serve-image-info">
								<div class="serve-image-info-title">
									<span>
										<img src="images/icon-item003.png" alt="">
									</span>
									<p>帮您上架</p>
								</div>
								<strong>从一键生成APP到上架,一条龙服务,告别繁杂的操作和长时间的等待流程。来建站ABC,我们帮您上架。</strong>
							</div>
							<div class="serve-image-comm2">
								<img src="images/icon-fr.png" alt="">
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div class="serve-image-img">
							<img src="images/switch004.jpg" alt="">
						</div>
						<div class="serve-image-box">
							<div class="serve-image-comm1">
								<img src="images/icon-fl.png" alt="">
							</div>
							<div class="serve-image-info">
								<div class="serve-image-info-title">
									<span>
										<img src="images/icon-item004.png" alt="">
									</span>
									<p>帮您建站</p>
								</div>
								<strong>不会技术也无妨,专业建站帮您一键搭建网站,不再为技术担忧,来建站ABC,享受专业的建站服务。</strong>
							</div>
							<div class="serve-image-comm2">
								<img src="images/icon-fr.png" alt="">
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div class="serve-image-img">
							<img src="images/switch005.jpg" alt="">
						</div>
						<div class="serve-image-box">
							<div class="serve-image-comm1">
								<img src="images/icon-fl.png" alt="">
							</div>
							<div class="serve-image-info">
								<div class="serve-image-info-title">
									<span>
										<img src="images/icon-item005.png" alt="">
									</span>
									<p>帮您维护</p>
								</div>
								<strong>帮你上传维护内容,无需复杂操作,一切内容我们来帮您解决,省去无数烦恼。</strong>
							</div>
							<div class="serve-image-comm2">
								<img src="images/icon-fr.png" alt="">
							</div>
						</div>
					</li>
				</ul>
				<ul>
					<li>
						<div class="serve-image-img">
							<img src="images/switch006.jpg" alt="">
						</div>
						<div class="serve-image-box">
							<div class="serve-image-comm1">
								<img src="images/icon-fl.png" alt="">
							</div>
							<div class="serve-image-info">
								<div class="serve-image-info-title">
									<span>
										<img src="images/icon-item006.png" alt="">
									</span>
									<p>学院培训</p>
								</div>
								<strong>专家培训,为您量身定做培训方案,随时随地帮您排忧解难,答疑解惑。</strong>
							</div>
							<div class="serve-image-comm2">
								<img src="images/icon-fr.png" alt="">
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="hd serve-content-list">
				<ul>
					<li>
						<span>
							<img src="images/icon-se004.png" alt="">
						</span>
						<p>帮您建站</p>
					</li>
					<li>
						<span>
							<img src="images/icon-se005.png" alt="">
						</span>
						<p>帮您维护</p>
					</li>
					<li>
						<span>
							<img src="images/icon-se006.png" alt="">
						</span>
						<p>学院培训</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="serve-content-btn">
			<a href="#">免费注册</a>
		</div>
	</div>
</div>

<script type="text/javascript">
	
	jQuery(".serve-content-middle").slide({
		effect: "fade",
		trigger: "mouseover",
		delayTime: 800
	});

</script> 
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
1分快三 www.902512.com-亚朵网国彩票合法吗| 易盈彩票www.7793h.com| www.lz50.com-湖北昨天快三走势图| www.v69.org-牛彩网彩摘网首页| www.63hz.com-福彩基诺下载| www.1514.in-大彩网首页官方| www.18456.com-快三彩票几点停售| www.68455.com-博彩乐时时彩平台| www.038589.com-时时彩后三缩水| www.175816.com-五分快三最稳定计划| www.289655.com-103彩票平台| www.402886.com-定亲钱和彩礼钱| www.518645.com-惠民乐彩票怎么提现| www.587201.com-下载o38彩票| www.666932.com-e乐彩登录手机| www.751308.com-彩票之家ios| www.826681.com-福彩3d藏机诗汇总| www.895323.com-优彩师官方网站| www.960643.com-彩票游戏送彩金活动| 博友彩www.511174.com| www.jm82.com-澳洲28彩票骗局| www.h65.top-澳洲五分彩开奖官网| www.44zm.com-代理网上购物彩票| www.854.bid-时时彩万位选号技巧| www.5574.com-谜语图福利彩票| www.12655.cc-88彩下载-| www.59778.cc-彩虹歌词秦时明月| www.084589.com-快彩电视走势图安装| www.152711.com-极速彩票网址| www.254393.com-好彩是正规网站| www.330173.com-牛彩网好彩网字谜| www.405357.com-七星彩19018| www.505603.com-安徽快三加奖时间| www.571553.com-即时开彩2015| www.648941.com-彩色宝石价值排行榜| www.850356.com-1分彩开奖分析| www.908355.com-七乐彩选号最准公式| www.967741.com-soul加到彩票托| www.05ye.com-海底世界彩铅画高清| www.81bq.com-创富彩票下载| www.2029.red-体彩单式票-| www.7859.loan-胜负彩窍门-| www.28734.com-cc彩球网注册| www.73684.com-如何网上购买体彩| www.025100.com-在线彩票缩水过滤| www.100797.com-乐彩网静坛版| www.170390.com-贵州省快三开奖| www.329256.com-七乐彩预测专家杀号| www.409003.com-2018足球胜负彩| www.514622.com-美国彩票网站app| www.587113.com-万彩吧官方版下载| www.661125.com-专业彩吧走势图| www.789268.com-鸿发彩票官网| www.866730.com-58彩58开奖-| www.933818.com-群里跟群计划买彩票| www.990510.com-1分快三彩票网| www.cp9589.com-天天快三是正规的吗| www.ny68.com-尊彩官网-| www.5al.com-黄好彩爆珠多少钱| www.62hz.com-实体彩票店-| www.0318.date-彩虹的约定歌词儿歌| www.8335.in-足球胜负彩开奖规则| www.31532.cc-天天竞彩是正规的吗| www.75778.cc-高频彩倍投止损技巧| www.026816.com-体彩481开奖号| www.103798.com-78彩票官网-| www.169043.com-河南福彩快三预测| www.301025.com-存一元送58彩金| www.369886.com-彩之云不登录| www.466987.com-七乐彩几点停| www.552018.com-私彩软件-| www.661777.com-竞彩博大球-| www.734706.com-新浪爱彩票网首页| www.804946.com-福利彩票有追加吗| www.870256.com-吉林市黑彩-| www.972379.com-快三游戏中奖规则| www.cai9981.com四川快三开奖查询| www.mq06.com-时时彩平刷稳赚原理| www.1fd.cc-怎样分析彩票买法| www.55fd.com-在彩票站工作怎么样| www.937.cc-河北快三手机版| www.4989.website福彩试机号近十期| www.00054.com-全国彩票app| www.75670.com-竞彩足球模拟| www.024996.com-真锅彩介绍-| www.093566.com-高频彩是正规的吗| www.156837.com-五分彩官网平台| www.269411.com-三分彩软件-| www.351267.com-买竞彩最后都是输| www.424129.com-附近有福利彩票站吗| www.519226.com-有盈彩票违法嘛| www.585020.com-聚宝盆彩票资料总站| www.653915.com-幸运六点半福彩| www.773068.com-彩票预测最简单方法| www.859275.com-浙江体彩大乐透| www.919278.com-怎么开黑彩-| www.974846.com-江苏体彩和值走势图| www.bm5.cc-彩票app大集合| www.my92.com-瑞彩祥云快三挂| www.w54.biz-乐彩网怎么打不开机| www.51xh.com-广州彩鹰喷绘| www.764.cc-时时彩任二怎么玩| www.4326.top-k彩福线路测速中心| www.9368.bid-福彩的钱都用哪儿了| www.99671.cc-中体彩app-| www.060480.com-彩要平台-| www.140813.com-福彩天吉预测网| www.214331.com-有前景的体育彩票店| www.279997.cc-578彩票平台| www.376263.com-彩宝照片-| www.483851.com-正规彩票αpp| www.555812.com-甘肃11选5爱乐彩| www.615604.com-体彩奖金怎么算| www.677478.com-8k彩票平台-| www.748051.com-308彩票28-| www.811726.com-双彩网最大的论坛| www.879137.com-七乐彩奖级表| www.999608.cc-129彩票-| www.gu.com-彩票选号工具| www.me75.com-天中好运彩三地图库| www.g98.top-苏会文七星彩| www.52sk.cc-新浪爱彩不能注册| www.622.pw-重庆老时时彩预测| www.3920.vip-七星彩高清图库| www.8828.link-足球胜负彩比分直墦| www.67346.com-福利彩票如何看中奖| www.021872.com-神级彩票系统微盘| www.088205.com-88彩票开奖-| www.144863.com-3d彩报蓝精灵b| www.243069.com-新3d彩票计划骗局| www.308744.com-阿莉彩票手机投注站| www.370717.com-彩钢瓦防水怎么做| www.456943.com-杭州恒彩装饰设计师| www.538757.com-香港和彩开奖走势图| www.654536.com-邪恶帝全彩-| www.726746.cc-玩彩app安卓| www.791182.com-体彩排列三精准胆码| www.858648.com-福彩现场开奖直播| www.913166.com-彩客彩票真实吗| www.966821.com-万彩吧彩票3d预测| 凤凰彩票www.77801r.com| www.ee99.com-8号彩票登录| www.tm65.com-福彩3d东北人玩彩| www.4py.com-咋能彩票中奖| www.47wq.com-注册送彩金游戏| www.243.in-福州快三赔率| www.2709.me-体彩排列三豹子遗漏| www.7366.net-我附近的彩票| www.16924.com-体彩第19043期| www.51895.cc-足球e球彩中奖规则| www.87988.cc-分分时时彩是谁开的| www.051174.com-3d通福彩下载安装| www.387101.com-球球大作战七彩月饼| www.507059.com-博汇彩彩票骗局| www.572296.com-彩客游戏币在哪兑现| www.637108.com-彩虹6号手机壁纸| www.728456.com-揭秘时时彩骗局| www.783232.com-七星彩的开奖日期| www.839066.com-微彩吧app安卓| www.889175.com-易彩怎么下载| www.994699.com-好彩客官方网址登陆| www.cp507.cc-一分快三平台网址| www.ix86.com-辽宁福彩官网电脑版| www.yd81.com-揭秘大发快三的骗局|