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天

知道了
彩01彩票 www.973788.com-彩票代理赚流水| www.089300.com-金福彩票网手机版| www.526040.com-快三代玩赚佣金| www.669788.com-海南省福彩大赛| www.753216.com-中彩吧网站代码| www.861511.com-乐彩app下载| www.994692.com-体彩扑克今天开奖| www.se02.com-亚投彩票下载安装| www.779636.com-大同体彩中心| www.96802.com-竞彩中奖概率最高| www.495295.com-雷火电竞博彩规则| www.ts20.com-9亿彩票一分快三| www.20318.com-南充福利彩票中心| www.819800.com-中彩票的星座| www.dv04.cc-五星彩开奖结果| www.079156.com-1七星1七星彩| www.jq44.com-河北快三夸度走势图| www.cg36.com-甘肃福彩快三一定牛| www.yp6.cc-怎么查彩票是否中奖| www.762962.com-网络彩票赌博靠谱吗| www.918716.com-博彩软件-| www.ly3.cc-快三玩法中奖金多少| www.180973.com-中彩江苏快三下载| www.555743.com-那些彩票软件靠谱吗| www.746607.com-彩票23-| www.901234.cc-大彩网体彩排列三| www.47474.com-3d试机号彩经网| www.48ud.com-免费彩票全年资料| www.6891.xyz-海南七星彩麦奖网站| www.36278.com-福彩和体彩哪个好卖| www.373319.com-王者荣耀官方彩票| www.550828.com-彩彩网址导航| www.215831.com-体彩7星彩开奖规则| www.306911.com-天津彩票-| www.5033.com-吉祥彩票发时时彩| www.761453.com-好彩妹照片-| www.832727.com-七彩图画-| www.043166.com-hk百彩网开奖结果| www.09od.com-玩彩网官网app| www.86ez.com-三星彩票娱乐漏洞| www.2708.com-体彩18054期| www.041514.com-发彩网彩票| www.pb86.com-彩宝贝大乐透预测| www.93op.com-迷彩虎军事-| www.66vr.com-小店宝彩票-| www.234561.com-福彩3d谜语汇总| www.326190.com-彩宝cb8免费下载| www.353596.com-彩票怎么买奖金多| www.141177.com-关注老徐说彩公众号| www.858785.com-吉林快三彩乐乐推荐| www.933947.com-彩票群里面有托么| 购彩网www.04gcw.com| www.2188.com-彩票新闻报道| www.318246.com-十字彩下载-| www.659429.com-利彩亚洲有限公司| www.935008.com-福彩三天计划| www.662340.com-福彩3d图迷第三版| www.292222.com-体育彩票三位数| www.559750.com-彩宝彩票网站靠谱吗| www.98kv.com-盛彩记账本下载| www.267883.com-大发快三宝典| www.679987.com-二元彩票网站| www.851563.com-今日单场足球竞彩| www.596559.com-牛彩网3d条件预测| www.769018.com-118彩库图王中王| www.973835.com-大乐透中奖彩票图案| www.kr79.com-91彩神官网-| www.53lh.com-c9彩票官方网站| www.1448.cn-好彩客合法吗| 天天彩票www.54968f.com| www.281474.com-福利快三中彩网| www.367342.com-周四什么彩票开奖| www.57237.cc-彩宝宝手机版| www.1401.cn-代理网络体育彩票| www.055062.com-玩彩票网名-| www.668050.com-港彩神算高手坛| www.591382.com-彩票精准预测软件| www.980099.cc-彩票店售票员工资| www.338414.com-体育彩票押注| www.490112.com-百胜彩票交流群| www.181368.com-甘肃快三跨度走势图| www.522898.com-豪彩客户端下载| www.618056.com-所有彩票开奖公告| www.688587.com-222彩票安卓| www.774813.com-体彩777刮刮乐| www.039023.com-体彩官网购彩软件| www.059222.com-福彩快3怎么算中奖| www.53su.com-彩球网-| www.72276.cc-广西福彩中心电话| www.82269.com-朋友给个网址买彩票| www.096008.com-双色球神彩福牛杀号| www.268729.com-北京六分快三查询| www.722012.com-巨丰彩票50701| www.789223.com-澳洲三分彩计划| www.874691.com-中彩票图片搞笑图片| www.954460.com-微信彩票竞猜怎么了| www.07wc.com-彩钢压型板-| www.0585.xyz-网友教我做彩票| www.5846.com-厨师彩票中奖| www.10782.com-爱彩乐彩票选号| www.62315.cc-百博海南七星彩网址| www.61172.com-购彩网06-| www.278008.com-香港中彩网免费资料| www.57ta.com-彩票花呗平台| www.1438.vip-彩神vi代理邀请码| www.4337.xyz-彩票兑换时间| www.51575.cc-凤凰快三是不是真的| www.468178.com-彩票开彩票开奖| www.559361.com-十位走走势图中彩网| www.625715.com-88c彩票官网| www.689835.com-c9彩票登录-| www.752729.com-河北省体彩中心电话| www.810698.com-体彩销售故障垃圾| www.871461.com-福彩三d藏机图今日| www.932043.com-福彩主任事件| www.981414.com-网易竞彩推荐| www.cai3383.com老时时彩-| www.186935.com-快三跨度玩法| www.0396.cc-彩票店出票的软件| www.38665.cc-雅彩-| www.889068.com-彩站宝彩民-| www.990419.com-体彩排列三今日预测| www.mw54.com-安徽快三号码分布图| www.2908.pw-澳门彩票平台有哪些| www.675182.cc-2019竞彩新规定| www.767998.com-彩票竞彩足球网| www.868126.com-南国彩票论坛七星新| www.ej09.com-高频彩票违法吗| www.wx38.com-福彩七乐彩玩法| www.111428.com-彩宝彩票是真是假| www.8122.top-怎么买海南私彩| www.097371.com-江苏体彩竞彩网| www.282122.com-附近体彩店-| www.ko12.com-福彩三d试机号| www.x12.net-学生玩彩票输了| www.5866.net-彩票冒领构成犯罪吗| www.22264.com-五分彩开奖网址| www.67812.cc-8816是什么彩票| www.033594.com-彩站宝彩民-| www.171447.com-湖北今天快三开奖| www.ft01.com-宝马彩app下| www.111017.com-601彩票-| www.17497.com-彩票挂机靠什么赚钱| www.699958.com-彩客app是真的吗| www.818756.com-七星彩倍数怎么算| www.961387.com-七乐彩计算公式| www.by03.com-苏州快三开奖| www.688.cc-竞彩选比赛技巧| www.wq8.cc-福利彩票开奖大全| www.107121.com-网上85彩票靠谱吗| www.173593.com-彩神争8app-| www.223171.com-3d福彩试机号| www.268650.com-彩经网3d试机号| www.352286.com-下载福彩自助| www.407837.com-万人彩app下载| www.553301.com-竞彩欧赔-| www.05bj.com-简单铅笔淡彩画| www.01il.com-用手电能产生彩虹吗| www.01id.com-雨后彩虹是什么原理| www.395103.com-五位数能买什么彩票| www.882888.cc-彩票中奖诈骗| www.959641.com-大发时时彩走势图| 大赢家彩票平台www.799657.com| www.144169.com-竞彩输钱好后悔|