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.99se.cc-梦想彩票怎么样| www.839550.com-足彩推荐平台哪个好| www.928250.com-顺盈彩票是骗局| www.987617.com-快三单双算法教程| www.ue5.cc-乘风网彩票-| www.36953.com-3d彩票论坛网址| www.921757.com-七乐彩今天开奖号码| www.274776.com-极速时时彩大小号码| www.9601.net-新浪官方彩票网站| www.841204.com-精准彩票数据库软件| www.465246.com-万通彩票平台网址| www.7063.cn-幸运彩大发快3| www.248989.com-大赢家—购彩大厅| www.789537.com-竞彩买单关能赚钱吗| www.986908.com-易彩堂开挂-| www.3py.cc-华宇京彩软件| www.dn0.cc-快三挂-| www.252670.com-老时时彩开奖数据| www.24zi.com-天天爱彩票网站| www.7224.in-hao500彩票-| www.5703.me-易彩时时彩-| www.71181.com-11选5购彩窍门| www.89226.cc-567彩票邀请码| www.382851.com-今日足彩法乙推荐| www.315345.cc-东方亮彩怎么样| www.370177.com-微微彩票可靠吗| www.556814.com-买彩票博彩算外财吗| www.45zo.com-龙彩科技集团| www.276677.com-菲律宾彩票客服| www.15jv.com-彩正规澳门彩票平台| www.780878.com-杏彩彩票骗局| www.739406.com-时时彩合买大厅网址| www.96kk.com-重庆时时彩会造假吗| www.6622.cm-218彩票app-| www.869064.com-彩民在线频道山东| www.450883.com-彩8正版下载安装| www.45908.com-快速时时彩正规吗| www.cb.com-安慰快三-| www.217572.com-贵州福彩救助| www.412371.com-彩钢瓦围墙图片大全| www.0715.net-体彩移机申请怎么写| www.956666.com-百采网百彩网| www.946922.com-彩色水泥路面做法| www.cp7537.com-颖彩今晚双色球预测| www.2320.com-福建好彩头总部电话| www.751002.com-706彩票下载| www.907983.com-1分彩票走势图大全| www.f96.com-体彩3d图迷-| www.39hu.com-豫彩通助手-| www.635950.com-七乐彩技巧大全| www.754557.com-福彩3d北斗预测| www.848889.com-金鹰时时彩计划团队| www.916396.com-时时彩全中多少钱| www.974254.com-七乐彩设奖方式| www.dv0.com-湖快三走式图| www.pm66.com-今天福彩3d图| www.02yx.com-如何网购彩票| www.21qv.com-彩票大王吴财军| www.6600.biz-今日彩票运-| www.96us.com-彩排演出-| www.585248.com-福彩地方彩种开奖网| www.662032.com-熊猫彩票能赚钱吗| www.731149.com-成都体彩网查询| www.34544.cc-玩彩平台信誉好排行| www.025875.com-福彩真精华布衣1| www.j24.tv-今晚福彩是否开奖| www.cp8.cm-福彩5d没了-| www.c67.cc-河北百宝彩快三| www.6988.date-体育彩票预测奖金| www.22231.cc-500w彩票网真假| www.767798.com-火箭彩票网站注册| www.902705.com-彩之云-| www.965327.com-手机购彩uu快3| www.kp55.cc-江苏彩票中心在哪里| www.10ia.com-ee彩是真的么| www.91bt.cc-直击黑彩一彩吧图库| www.3020.vip-体彩排列三牛彩预测| www.770931.com-七彩阳光广播操音乐| www.845664.com-泰国路边卖的彩票| www.905651.com-yy彩票登陆-| www.965990.com-福彩3d黑圣手漫画| k3k3彩票www.602913.com| www.999808.com-广东福彩好彩一预测| www.ky39.com-福利彩票代玩兼职| www.78hr.com-博彩和足球的关系| www.1939.org-手机中彩-| www.655391.com-玲丽彩妆培训学校| www.746152.com-e彩堂违法吗| www.815956.com-福彩3d金字塔数字| www.884088.com-体彩走势乐彩网| www.960527.com-七星彩全部历史开奖| 9号彩票www.80767f.com| www.cw56.com-快三跨度中奖概率| www.kr83.com-91彩神网站-| www.91cw.cc-今日彩票幸运选号| www.6830.cn-下载够力七星彩图表| www.33570.com-彩色混凝土配合比| www.336959.com-搜狐世界杯彩票| www.129048.com-福彩网官方彩下载| www.228208.com-喜乐彩第二位走势图| www.487080.com-足彩截止购买时间| www.8639.wang-彩视怎么注册| www.274719.com-大发时时彩开奖网| www.365303.cc-济南体彩-| www.459023.com-打鱼送彩金可提现| www.563775.com-香港中棠彩-| www.629194.com-彩票销量2017| www.690678.com-足彩19002期| www.752905.com-重庆福彩开奖号码| www.808163.com-彩票中心开机号| www.869709.com-彩票中奖提醒app| www.921926.com-今晚齐鲁彩票| www.969812.com-淮安体彩e-| www.dt72.com-福彩ios下载| www.762282.com-彩票平台漏洞| www.112536.com-快三全天一期计划| www.565119.com-百度中国彩吧| www.637556.com-彩虹无人机东方魔鬼| www.710373.com-澳客竞彩胜平负| www.772841.com-903彩票网-| www.826971.com-彩易网3d2012| www.883603.com-奔驰彩票官平台| www.947052.com-高频彩有哪里种| www.984016.com-99彩票信誉怎么样| www.02zh.com-套彩是什么-| www.721172.com-足彩让球盘在哪买| www.196132.com-幸运快三玩法介绍| www.e13.org-北京快三个位走势图| www.556560.com-体彩和福彩哪个好| www.669450.com-今日体彩三字诀| www.785899.com-彩吧论坛首页彩票| www.894853.com-高频彩票为什么调整| www.485824.com-1288彩网合法吗| www.751134.com-彩500.apk-| www.874131.com-福彩布衣天下i| www.995698.com-足彩有上限吗| www.mb21.com-昨天快三全部走势图| www.61xo.com-彩票软文素材| www.153258.com-时时彩定位杀号方法| www.268888.cc-933彩票娱乐| www.355487.com-体彩大乐透大奖地区| www.036108.com-彩票推销文案| www.zc33.cc-福彩体彩当期开奖号| www.993271.com-彩票怎么-| www.ci91.com-安徽省福彩快三号码| www.69bv.com-中乐彩网是否合法| www.9414.top-福彩三地彩票| www.7290.cc-彩虹符号emoji| 500彩票www.348477.com| www.96eb.com-鸿彩光束灯-| www.279366.com-网上彩票群-| www.671170.com-万彩吧6i彩-| www.925607.com-金彩网是正规平台吗| www.1478.org-夸人彩虹屁文案| www.20wq.com-怎么投诉彩票店| www.2298.site-双色球福彩玩法介绍| www.15530.com-k彩-彩民福地| www.794732.cc-上海体彩网网上兑奖| www.871651.com-手机足彩缩水软件| www.933534.com-组织快三犯法吗| 易旺彩票www.ywzuqiu.com| www.jz94.com-新2彩彩票下载安装| www.m29.xyz-玩网络彩票输几十万| www.253502.com-玩快三会被抓么|