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天

知道了
东京好运彩 www.681690.com-体育彩票七个全中| www.618530.com-山东体彩论坛170| www.772931.com-足彩胜负结果分析| www.900629.com-三毛第二版彩吧图库| www.k12.org-诺亚彩票平台骗局| www.928006.com-高频彩种-| www.83uu.com-0500彩票邀请码| www.4319.biz-f彩网是假的吗| www.568602.com-手机赚钱的彩票| www.018751.com-88彩票平台登录| www.397238.com-穿越福利彩票| www.571422.com-福利彩票投注站查询| www.59387.com-彩铅画教程动漫| www.047556.com-百宝彩票网图表中心| www.110691.com-七星彩奖池金额查询| www.37xv.com-旺地老彩票站出兑| www.68119.com-想开体彩店如何申请| www.89fd.com-浙江快乐彩票总汇| www.271623.com-好彩1生肖码| www.650211.com-排3杀号定胆彩宝贝| www.823133.com-附近那里有彩票站| www.39778.com-福38彩票网-| www.311651.com-分分钟彩票平台| www.698279.com-博众时时彩计划软件| www.896751.com-彩票投注软件怎么做| www.cai51.com-江西福彩快三| www.cai15.com-湖北福彩快三走势图| www.314214.com-玩重庆时时彩的心态| www.388553.com-海军迷彩图片| www.8688.me-7七星彩开奖结果| www.587126.com-方彩吧app-| www.757747.com-网上福彩投注站| www.878544.com-赛车彩票-| www.946638.com-福建省福彩报电话| www.gd18.com-彩票漏洞论坛| www.350368.com-分分钟时时彩计划| www.653563.com-下载分分钟彩票| www.781461.com-校长福彩预测今天| www.872214.com-彩票网826诈骗| www.ny.com-宁夏福彩快三开奖号| www.715982.com-中国的彩票太假了| www.485572.com-飞彩网是干什么的| www.sb6.com-江西福彩中心| www.660871.com-中乐彩手机平台网| www.73343.com-体彩61玩法规则| www.212298.com-私彩平台哪个可靠| www.509361.com-4124彩团网-| www.26fc.com-福彩三天独胆| www.bl02.cc-彩票分析软件原理| www.vr55.com-福彩开机号-| www.358430.com-两元彩票网l| www.144977.com-竞彩足球对阵表让球| www.804468.com-七乐彩奖池金额| www.225370.com-内蒙快三技巧| www.57281.cc-锋彩直播官网首页| www.071432.com-彩色纸箱包装厂| www.971654.com-创彩网真的能赚钱么| www.160162.com-福彩3d百十差| www.629098.com-手机分分彩app| www.691690.com-纵横3d彩票一一| www.774851.com-彩神娱乐-| www.853626.com-好彩快印-| www.19we.com-体育彩票活动内容| www.469718.com-网络私彩套庄家钱| www.586094.com-旧版118彩票| www.026172.com-人人乐彩票靠谱吗| www.378443.com-幸运5星彩开奖| www.ck8.com-中国福利彩票的性质| www.nh61.com-全民福彩-| www.44rs.com-分分彩网站网站| www.1602.wang-广东体育彩票app| www.736848.com-台湾彩票app下载| www.800044.cc-福彩票开奖号| www.861890.com-幸运彩app苹果| www.925352.com-代理手机彩票平台| www.974772.com-广州体彩网官网首页| www.cp5.cm-彩票走势图怎么看| www.303511.com-好彩妹资料网| www.333677.com-彩票中奖归属人| www.754442.com-送彩金白菜网| www.948927.com-福彩内部万元报| www.938783.com-江苏亿彩下载| www.916.mobi-彩票道术-| www.97bz.com-彩排的彩-| www.282950.com-临沂孙大夫彩票| www.528695.com-体育彩票咋玩| www.603736.com-福彩怎么算才能中奖| www.517417.com-青蛙彩票正版资料| www.617720.com-体育彩票张驰| www.865132.com-快三合值表图片| www.219988.com-彩票开奖双色球号码| www.6365.in-竞彩比赛减少| www.002439.cc-七星彩摇奖-| www.339689.com-彩票中巨奖图片| www.421725.com-夭下彩网高手网| www.512391.com-秋景图绘画彩铅| www.320878.com-福彩开奖预测| www.219774.com-众彩网专家推荐| www.301946.com-七星彩今期的神算子| www.963498.com-足球彩票胜负比分| www.ry89.com-优信彩票可靠吗| www.796342.com-盈彩吧是不是真的| www.276508.com-快三广西开奖| www.167970.com-今天快三开奖兰州| www.270195.com-577彩票官网| www.222141.com-爱彩乐快三走势图| www.250503.com-中彩彩票地址在哪里| www.68528.cc-369彩票分分快三| www.374122.com-体彩快报1月26日| www.478884.com-足球竞彩双平怎么买| www.555558.com-彩神心水com| www.635620.com-手机彩票777下载| www.693797.com-彩乐乐机选双色球| www.59352.com-天津时时彩彩经网| www.97804.com-c38彩票领导者| www.21196.cc-七星彩彩票百度贴吧| www.363079.com-彩虹产生的条件| www.903023.com-彩票网站诈骗任务| www.130640.com-时时彩如何算跨度| www.109239.com-567cc彩票-| www.919183.com-3分快三计划| www.994316.com-大发彩票注册邀请码| www.dx91.com-内蒙古快三有规律吗| www.zk13.com-江西省体彩中心| www.37fg.com-好彩客幸运28贴吧| www.284.live-可以跟着买的彩票| www.005522.cc-456彩票-| www.eq69.com-大彩网手机版| www.9760.online彩票世家3d双胆| www.39592.cc-九歌彩票停售| www.551717.com-优彩社会论坛| www.629418.com-幸运彩票怎么赢钱| www.6799.cm-东方红彩票app| www.065308.com-彩铅画风景画| www.397942.com-中彩手彩票故事节目| www.324697.com-中国福利彩票原主任| www.97878.cc-皇家时时彩软件| www.kt22.com-江苏福彩快三购买| www.304114.com-福彩3d彩博士| www.465379.com-古建彩绘图案龙凤| www.618901.com-明天开彩票吗| www.802799.com-198彩注册平台| www.9321.cm-内蒙古彩票下载| www.309777.com-体育彩票p3三句话| www.7od.com-幼师樱花彩铅情景画| www.93qp.com-一寸彩照是那种| www.8276.org-彗彩国际是传销吗| www.727393.com-3d彩民乐钱树图库| www.799348.com-彩票送28体验金| www.876060.com-五分快三下载安装| www.959673.com-诈骗网站雅彩彩票| 全民乐彩票www.2934t.com| www.209860.com-一分快三怎样玩稳赚| www.374268.com-七星彩80期走势图| www.116.live-彩虹的约定儿歌简谱| www.994720.com-福彩3地试机号口诀| www.ag15.cc-彩票api接口| www.2293.vip-彩票中奖后多久到账| www.30223.com-体彩排三预测总汇| www.75119.cc-彩票是什么行业| www.418787.com-陇彩票-| www.527956.com-江苏虚拟e球彩| www.598767.com-体彩35期开奖号码| www.703131.com-彩票智能算号|