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.200082.com-七乐彩开奖号码预测| www.734036.com-爱彩2-| www.813542.com-p3藏机图彩吧图库| www.886579.com-百度官方彩票云论坛| www.956672.com-彩票打错了要赔偿吗| 500万彩票www.96386c.com| www.703071.com-致富彩票官方下载| www.819068.com-福彩3d是真的吗| www.994461.com-数字彩票的实战技巧| www.d35.cm-彩票预测哪个网站好| www.wz20.com-大乐透走势图彩经网| www.56904.com-腾讯分分彩4星漏洞| www.gi33.com-彩票走势图3d| www.982376.com-重庆体彩百变王牌| www.af02.com-手机彩票-| www.tu69.com-爱彩乐提不出款| www.629942.com-竞彩258网页版| www.11203.com-易彩网彩票开奖结果| www.600.ren-92彩票下载-| www.561.cc-我乐时时彩计划网页| www.6051.vip-今晚福利彩票开什么| www.4858.me-梦见在彩票店| www.318472.com-彩票开奖规定| www.437271.com-彩票超级赛车计划| www.550027.com-谁有能买足彩的网站| www.629713.com-昨天足彩十四场比分| www.711888.cc-竞彩足球单关盈利| www.796594.com-彩票669-| www.874146.com-福彩好心人布衣2| www.952603.com-会员登录9b彩票| 福彩www.16878h.com| www.pk30.com-彩票人工计划| www.125424.com-家彩开奖首页下载| www.899226.com-彩乐园3下载app| www.987451.com-978彩票下载安装| www.fu22.com-bb快乐彩-| www.j87.me-快三把我给坑死啦| www.716869.com-48色彩铅排序色卡| www.180618.com-内蒙福彩快3走势图| www.092129.com-乐发彩票官网下载| www.075959.com-幻彩戒-| www.160615.com-中国竞彩胜平负| www.252185.com-旺彩彩票网-| www.345697.com-新的彩票下载| www.451986.com-齐乐彩走势图| www.555523.com-春日彩香-| www.628995.cc-福利彩票代打| www.714722.com-826彩票开奖网| www.173787.com-福彩快三走势图河北| www.637028.com-满堂彩登app下载| www.155178.com-足彩19044任九| www.444541.com-今日足彩直播分析| www.288211.com-比彩名堂好用的软件| www.277687.com-彩之家平台合法么| www.365809.cc-绘画速成彩铅画人物| www.495339.com-谁能做博彩平台| www.591448.com-澳门快5彩-| www.675660.com-福彩3地走试图| www.765731.com-云购彩票官网| www.864277.com-体彩福彩开奖123| www.926176.com-如何从手机买彩票| www.985888.com-快三经常出的号码| www.kh9.com-一分快三大平台| www.07636.com-中彩那天课文讲解| www.79qu.com-西安福彩店转让信息| www.402616.com-彩票幸运号码推算| www.458108.com-彩票走势图如何看| www.932796.com-神圣彩票app下载| www.cj7.cc-福利彩票有几个彩种| www.yh24.cc-7星彩开奖结果查询| www.392328.com-优彩彩票有几个数字| www.uy24.com-彩票选号技巧6减2| www.740096.com-澳彩app下载| www.965447.com-凤凰快三软件| www.wl26.com-手机福彩门户| www.7016.biz-竞彩篮球2串1玩法| www.013074.com-好彩客彩票官网| www.9836.net-古建亭子彩绘| www.831325.com-彩票梗-| www.151364.com-彩漂的成分-| www.672424.com-足彩彩票分析软件| www.98622.com-腾讯五分彩官网下载| www.393218.com-昨天彩票开奖情況| www.619429.com-3d彩票组合技巧| www.859399.com-彩票网砍龙靠谱吗| k3k3彩票www.602952.com| www.04il.com-七星彩查询开奖结果| www.4671.top-竞彩让球胜负平| www.40528.com-希腊分彩下载| www.94820.com-大彩鲸快3下| www.051957.com-万豪彩票官方网站| www.930640.com-欧洲彩票中奖交税| www.4989.website福彩试机号近十期| www.285363.com-快3彩票怎么样| www.668833.cc-七星彩算法公式| www.228059.com-江苏快三网购真假| www.44vz.com-uc彩票是什么| www.373733.com-竞彩足球网上怎么买| www.7385.pw-足球竞彩最大奖| www.71278.cc-网上怎么买足球彩票| www.254412.com-亚博彩票下载安装| www.364532.com-彩虹映脸男生头像| www.489079.com-爱彩双色球走势图| www.568251.com-迅盈彩票是骗局揭秘| www.705795.com-发彩网ios下载| www.866938.com-即开型彩票常识| www.989417.com-彩83彩票网注册| www.77uh.com-外国有哪些彩票| www.29787.com-山东彩票安卓版| www.lj81.com-豪彩注册平台| www.5285.cc-天吉彩票论谈| www.977306.com-南阳市区彩礼| www.751384.com-今日彩票图纸| www.511218.com-周杰伦彩虹| www.798879.com-竞彩足球进球数| 500彩票www.50080r.com| www.d50.cc-彩票人工智能| www.673.date-黑彩快三能赢吗| www.8343.vip-东方彩票是正规的吗| www.062639.com-鸿运彩app-| www.948235.com-好彩网论39492| www.370636.com-大彩网3d常规走势| www.93928.com-足彩最大推荐平台| www.464188.com-体彩怎么算中奖金额| www.699621.com-如何在竞彩中盈利| www.m14.shop-彩票3d走势技巧| www.8629.loan-福彩电话客服电话| www.32228.cc-百姓彩票返钱快吗| www.015209.com-七星彩的对数是什么| www.14934.com-台湾天天彩票| www.039914.com-免费彩票合买软件| www.220941.com-全国彩票开奖信息| www.318865.com-福彩三d和值尾| www.507261.com-至尊彩违法吗| www.424985.com-宝赢彩票软件破解| www.568677.com-彩678是骗局吗| www.660614.com-下彩主页-| www.817709.com-19050足彩推荐| www.907501.com-胜利彩票登录网址| www.996846.com-福利彩票机选摇一摇| www.kp30.com-江苏体育体彩| www.255809.com-福利彩票走势| www.815981.com-福彩昨晚出什么号码| www.gh99.com-江苏福彩快亖走势图| www.vo76.com-大发快三怎么看单双| www.82927.com-500万彩票旧版本| www.0090.pro-有关彩票的昵称| www.cp194.cc-福彩布衣2-| www.804123.com-时时彩黄金分割软件| www.911679.com-天天彩4基本走势图| www.980467.com-广西百色体彩店申请| www.cai1444.com中国福彩快3玩法| www.ks18.com-福彩三d今开奖| www.628998.com-南粤好彩3开奖| www.765508.com-众发彩票违法吗| www.870619.com-152彩票安全吗| www.526573.com-时时彩万能6码对应| www.28658.com-普通人中不了彩票| www.50429.com-连续签到彩金88| www.31353.com-软件买的彩票靠谱吗| www.813045.com-微信登录天天中彩票| www.662086.com-新彩网3地字迷大全| www.740076.com-买体彩福彩-| www.809591.com-9号彩票登录网址|