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天

知道了
亚洲28 www.766833.com-福利彩票幸运数字| www.tg10.com-彩3彩票联系客服| www.866991.com-星期天19号的彩票| www.951890.com-福彩快三过年放假吗| 大赢家彩票平台www.136031.com| www.jf06.com-从业博彩客服判几年| www.k44.net-福彩十分快三遗漏| www.01585.com-现在哪里还能买足彩| www.91957.com-广东彩王铁塔图库| www.081377.com-足彩骗局怎么赚钱| www.190079.com-江苏福彩快3预测| www.273077.com-公益福彩怎么下载| www.k44.xyz-北京快三微信投注群| www.426.tv-97彩票网骗局| www.662520.com-盛兴彩票v3线路| www.655619.com-五福彩新版下载安装| www.751877.cc-1彩娱乐代理| www.894842.com-信彩快三计划网址| www.984501.com-熊猫竞彩app直播| www.x80.biz-彩票互联网重启| www.55864.com-全国快3彩票| www.yc49.com-贵州快三口预测软件| www.46879.com-时时彩后三胆码计划| www.68996.cc-乐盈彩票是黑平台吗| www.398111.com-彩票2元网20选5| www.579382.com-逸彩和溢彩-| www.982828.com-132彩票官网网址| www.lz11.com-网彩app-| www.35455.cc-数字三彩神通苹果版| www.961443.com-大奖网彩票能不能买| www.wc68.com-qq彩票官网-| www.650117.com-如何博彩-| www.236535.com-福彩短信投注| www.de.cc-c038彩票官方版| www.092072.com-百姓彩神app| www.198354.com-内蒙古体彩11选5| www.6409.biz-51彩卡-| www.282110.com-红宇体彩店-| www.632244.com-赛车时时彩怎么害人| www.86930.com-甘肃快三查询结果| GO彩www.dao90.com| www.ld02.com-234彩票的网址| www.954927.com-买彩黑客-| www.61xs.cc-彩票app素材| www.91839.cc-体育彩票在哪里兑奖| www.16520.com-瑞典2分彩人工计划| www.70238.com-彩票站查询-| www.93vi.com-彩色画图片线描| www.5861.wang-彩票可以拍照兑奖吗| www.165872.com-芜湖福彩中心地址| www.456053.com-充值送5%彩金| www.622225.com-福彩乐透型开奖结果| www.699092.com-福彩王云戈简历| www.850738.com-彩票截止几点不能买| www.972586.com-彩铅画风景难| www.032543.com-彩票106不被黑吧| www.227625.com-快三彩票奖金| www.202756.com-黑彩票平台排行榜| www.369451.com-福建省彩票网| www.564730.com-合肥体彩店行业赚钱| www.819327.com-彩票计划师招聘| www.5ai.com-体彩排3开奖号码| www.2490.vip-快三作弊器免费下载| www.12136.cc-江苏体彩手机投注| www.503108.com-福彩3d彩民村| www.009566.com-老实时彩开奖号码| www.7900.vip-斯蒂芬彩票公式| www.28132.cc-开心168七星彩网| www.418893.com-经营彩票站利润分析| www.9177.loan-七星彩长春-| www.490022.com-679九州彩票网址| www.92776.com-今天福彩双彩论坛| www.651202.com-彩票摇色子-| www.cp5338.com-北京快三的开奖结果| www.30ol.com-彩虹代刷授权| www.0750.win-注册送彩金平台| www.692355.com-著名的世界博彩公司| www.860099.com-破解快三软件下载| www.kn02.com-山东快三查询| www.290046.com-彩宝贝专家预测| www.404073.com-新手彩铅画临摹素材| www.570372.com-福彩选三开奖结果| www.646178.com-2468天天好彩| www.715414.com-四季彩平台登录网址| www.793382.com-体育彩开奖-| www.867866.cc-七星彩35-| www.937007.com-台湾福星彩现场开奖| www.988320.com-体彩11选5官网| www.bh99.cc-体彩屋购彩大厅| www.yf84.com-派彩网广西快三| www.2372.vip-彩票扣税计算器| www.443806.com-华彩尚映贷款骗局| www.f33.live-特区七星彩论坛头尾| www.4211.org-七彩国旅-| www.53522.com-虹口竞彩网点分布| www.137218.com-网易红彩app| www.273665.com-时时彩走势图个位| www.123227.com-欢乐彩软件-| www.s02.com-更好的体彩官网| www.732927.com-体彩第19040期| www.968034.com-民政部福利彩票事件| www.co17.com-福彩12选5走势图| www.606677.cc-足彩提前多久停售| www.692026.com-达人彩票-| www.785752.com-手机掌上彩票下载| www.872187.com-凯里彩票中奖历史| www.bx1.com-彩868彩票网址| www.96yr.com-乐宝彩票登入网址| www.01233.com-5亿彩是骗人的吗| www.023993.com-3d预测牛彩网小微| www.33yw.com-九万彩票经典安卓| www.765576.com-成都福彩中奖| www.824122.com-福利彩票用什么软件| www.972617.com-日彩网怎样才能中奖| www.aw49.com-江苏快三app下载| www.78839.com-百度快乐彩走势图| www.759586.com-168彩票平台| www.170054.com-北京福彩快三走势图| www.265859.com-福彩3d牛l彩网| www.361302.com-微信提现的彩票软件| www.811266.com-购彩平台被曝光| www.939778.com-彩票捡漏-| 爱购彩票www.463552.com| www.329191.com-彩票白菜免费送彩金| www.489865.com-彩经网彩票走势大全| www.610468.com-排五最大中奖彩票| www.191668.com-内蒙快三冷号| www.314853.com-重庆市彩害了多少人| www.5353.shop-手机qq彩色昵称| www.55788.cc-7乐彩复式中奖规则| www.025105.com-vb彩票选号-| www.024514.com-财富彩票app下载| www.041234.com-足球足彩-| www.882598.com-97彩票靠谱吗| www.988250.com-中彩彩-| www.964890.com-福彩公众号送彩票| www.895649.com-玩高频彩票的后果| www.963395.com-澳客彩票网网址| www.gk61.com-彩票走势图2元网| www.612685.com-d8彩票软件-| www.682002.com-福彩双色球奖励| www.751133.com-彩八彩票手机版下载| www.820729.com-彩钢板分类-| www.886356.com-玩彩网app官网| www.654630.com-七星彩开奖结果图片| www.836111.cc-丰彩-| www.893702.com-安徽快三和值7| www.956175.com-赢钱彩平台-| 易彩网www.12455y.com| www.db00.com-彩神ⅱapp-| www.384656.com-超级福彩是什么意思| www.615586.com-31选7私彩怎么买| www.678955.cc-易彩网十分快三遗漏| www.740094.com-搜狐数字彩票网| www.830589.com-和乐彩票下载| www.913593.com-彩民之家一切为你| 网易彩票www.554363.com| www.rh63.com-时时彩做庄输了| www.45qr.com-快三模拟摇奖器| www.01201.cc-足彩赔率即时| www.59ro.com-体育彩票放开| www.361544.com-红牛福彩下载安装| www.983589.com-华宇彩票平台怎么样| www.781197.com-彩店宝彩票靠谱|