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.266359.cc-四川福彩网-| www.6333.net-传奇彩票是赌博| www.086393.com-彩客彩票307旧版| www.601456.com-美的彩票投诉| www.160528.com-福彩3d和差秘籍| www.686370.com-中彩那天课文讲解| www.h05.xyz-排三彩宝网走试图| www.92kx.com-彩票投平台-| www.028168.com-鸿彩网登录入口| www.415765.com-河北快三怎么买| www.581705.com-爱彩原创网-| www.874495.com-关注福彩公众号| www.358050.com-彩票4月-| www.28870.cc-彩票官方网-| www.mv71.com-978彩票app-| www.002967.com-10分快三计划预测| 凤凰Vwww.www.fh7557.com| www.037066.com-50073彩票-| www.026689.com-网上代买彩票合法不| www.967647.com-陌陌全是彩票托| www.44sn.com-三分彩网计划| www.65at.cc-互联网购彩票| www.376115.com-全民乐彩app| www.019473.com-彩经网双色球开机号| www.566959.com-易彩票骗局揭秘| www.6795.com-彩票18054-| www.9063.vip-大富彩网-| www.127514.com-彩虹同志直播app| www.23gb.com-去彩票站app下载| www.018651.com-南京丰彩涂料| www.60424.com-360彩票真的吗| www.051066.com-彩票站任务没完成| www.131905.com-东阿2018年彩礼| www.ry60.com-彩票256旧版本| www.26yt.com-彩票扫码售票| www.105603.com-大红鹰彩票网| www.sl24.com-时时彩五星走势图彩| www.2010.site-名媛汇彩票-| www.687073.com-中国体彩网湖南| www.796227.com-六爻测彩票中奖| www.882471.com-五分彩怎样买才中| www.951046.com-博友彩1分快三计划| www.999996.com-彩票帮投陷阱| www.ey21.com-大发时时彩玩法技巧| www.225717.com-三分时时彩开奖| www.063922.com-致富彩票网-| www.144282.com-728彩票安卓| www.031234.com-釉下青花五彩| www.669261.com-体彩p3图谜第一版| www.802410.com-吉林市福彩中心主任| www.940070.com-休彩大乐透-| www.mp5.cc-快三走势好坏怎么看| www.d53.loan-用人工智能预测彩票| www.px51.com-彩票九app-| www.096619.com-彩票到哪里兑奖| www.190535.com-大发快三怎么赚钱| www.807026.com-足球彩票哪里买| www.923580.com-cp官方彩票-| www.979863.com-三门峡快三开奖| www.nz22.com-京彩集团江苏快3| www.025068.com-幸运pc彩票平台| www.761921.com-彩友多app-| www.871454.com-江苏快三二同号推| www.947505.com-大奖网彩票手机版| 购彩堂www.458178.com| www.mc23.com-玩彩网下载app| www.38ww.cc-彩库宝曲最新开奖| www.803.me-九天玄女测彩票三| www.fp3.com-时时彩2星走势图| www.515454.com-七星彩1500期| www.630322.com-体彩投注码-| www.735226.com-彩票什么时候停售| www.825968.com-七乐彩数据分析| www.618562.com-w彩票-| www.90644.com-双彩论坛手机版下载| www.951841.com-彩神软件破解| www.998528.com-广州彩票自助投注站| www.ec06.com-刷彩金很挣钱吗| www.71ny.com-福彩试机号千禧金码| www.150230.com-竞彩三个月挣一千万| www.233649.com-五分快三历史开奖| www.me62.com-玩快三彩票倍投必死| www.45yd.com-足球彩票漏洞| www.349370.com-彩票赢钱秘诀与技巧| www.969101.com-兼职刷彩金单| 多乐彩票www.544242.com| www.938259.com-福建快三微信| www.986665.com-快三彩票书籍大全| www.ol6.com-福利彩票3d倍数| www.qs12.com-中国福利彩票机构| www.02oo.com-彩虹六号人物资料| www.54900.com-厘模式彩票-| www.336604.cc-最新万豪彩票手机版| www.6853.top-体彩飞鱼有什么规律| www.35726.cc-体彩竞彩店要求| www.029318.com-彩票代打骗局| www.751244.com-彩票巴巴苹果版下载| www.984732.com-福利彩靠谱吗| www.97262.com-爱彩竞猜-| www.751229.com-彩票巴巴是正规的吗| www.141384.com-体育彩票三十六选七| www.05493.com-环彩o2o-| www.4809.vip-彩虹六号六号是谁| www.8883.tv-竞彩好中吗-| www.678224.com-今日体彩藏机图| www.846108.com-买彩票亏了几百万| www.871300.com-用户注册80彩| www.659878.com-朋友圈彩票骗局| www.760698.com-福建快彩11选五| www.842271.com-手机彩票杀号软件| www.924902.com-秒速快三怎么赢钱| www.991558.com-百宝彩免费账号| www.fr76.com-体彩开奖时间| www.c00.net-爱彩乐一分快3技巧| www.33se.cc-大胖彩票-| www.804007.com-易彩时时彩计划软件| www.981096.com-八八彩票平台| www.nd60.com-大发快三官网彩神| www.700020.cc-竞彩跟单公众号| www.777468.com-韦德博彩官网| www.837284.com-立彩有几种玩法| www.900888.com-高手进时时彩反倍投| www.980187.com-想买彩票彩票玩儿法| www.cp925.com-北京福彩快三一定牛| www.kb33.com-福彩3d之家预测| www.973445.com-彩虹宝宝彩虹堡| www.bz48.com-甘肃快三开奖果跨度| www.vr67.com-彩票双色球开奖时间| www.476234.com-彩票集中营一手机版| www.578599.com-ss866盛世彩票| www.652166.com-福彩大乐透开机号| www.915889.com-湖北快三查-| www.964816.com-国彩怎么玩-| 88彩票www.8839q.com| www.52325.cc-快三大小规则| www.330956.com-大发快三怎样追和值| 彩票5www.550342.com| www.183022.com-大发和彩-| www.325885.com-神马彩票下载| www.396292.com-19年福彩放假安排| www.858423.com-三彩丽雪官方网站| www.915265.com-博盈彩票app下载| www.969511.com-福彩3d跨度判断| 8号彩票www.81520g.com| www.97648.com-完美彩票直播聊天室| www.287981.com-彩票助手软件电脑版| www.352077.com-彩票图案-| www.403373.com-微信500彩票平台| www.495095.com-唐山彩票站转让信息| www.563186.com-老彩民新高手论坛| www.623698.com-彩票下载软件大全| www.678884.com-双彩网3d字谜专区| www.732629.com-许昌结婚彩礼风俗| www.786075.com-福彩大赢家高手论坛| www.836511.com-福利彩票0304| www.884111.cc-c555彩票-| www.936009.com-大发彩票官方版| www.974129.com-手机在线体彩软件| 凤凰彩票www.77802h.com| www.yn07.com-今晚南洋彩开奖号码| www.53rq.com-会员登录8g彩票| www.082015.com-中彩网彩民论坛| www.400638.com-乐彩客旧版本| www.589896.com-今天开奖七星彩图|