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.110118.com-228台湾乐透彩| www.244344.com-中国体彩开奖| www.333720.com-体彩排列五中奖条件| www.429020.com-十字彩下注app| www.537522.com-五彩是代表颜色吗| www.673033.com-今日3d开机号彩宝| www.761432.com-彩票中特等奖概率| www.859612.com-福彩六十一开奖结果| www.925459.com-体彩专家胆码家彩网| www.990349.com-彩票数字的奥秘| www.hl6.com-快三怎么判断龙| www.rl21.com-深圳福彩22选1| www.16je.com-天天福彩重播福彩| www.503.cn-美女带玩彩票| www.5355.hk-手机上玩彩票违法吗| www.14181.cc-彩票官网注册| www.60598.com-搜索彩票重奖查询| www.053918.com-足彩在哪买-| www.138415.com-北京彩票赛车| www.221180.com-湖北一定牛彩票| www.308809.com-高手彩票资料网| www.385564.com-梦到彩票号码要守| www.551131.com-彩票多久能拿到钱| www.639122.com-余姚体彩中心在哪里| www.737327.com-激励买彩票的句子| www.818500.com-大乐透新浪爱彩走势| www.899266.com-彩票中奖恶搞神器| www.970508.com-安徽体彩网论坛| www.bm68.cc-128彩票-| www.wa75.com-上海快三是真的吗| www.18bu.com-七乐彩选号技巧超准| www.818.cm-87竞彩app-| www.5223.cc-快三红号有几个| www.11481.com-乐乐彩票下载| www.57759.com-星彩娱乐下载| www.102686.com-仲博彩票官网下载| www.173650.com-内蒙快三开奖查询| www.275650.com-365彩票下载| www.363634.com-刘小刚重彩绘画| www.463862.com-彩票资料费大全| www.559848.com-大乐透牛彩网杀号| www.633078.com-中国篮球彩票怎么买| www.709766.com-充钱带玩彩票骗局| www.791032.com-老彩民高手坛| www.869622.com-苹果够力七星彩安装| www.994975.com-英国五分彩网站| www.id3.com-大发快三计划在线| www.ql95.com-心冲吉林快三计划| www.06lw.com-彩铅画简单花卉| www.81hz.com-移动彩票积分图| www.2234.pw-山东体育彩票中心| www.8099.in-高频彩怎么玩都会输| www.31114.com-彩票中巨奖的人| www.76652.cc-体育彩票的获奖机制| www.029096.com-时时彩回血上岸技巧| www.109817.com-红牛彩票是真的吗| www.180618.com-内蒙福彩快3走势图| www.255157.com-利用时时彩漏洞赚钱| www.332323.com-999彩票应用软件| www.407655.com-港彩免费网址大全| www.515080.com-彩票系统技术| www.588466.com-粤海七星彩交流区| www.664830.com-福彩神牛首页| www.737669.com-中国人福利彩票| www.811040.com-幸运彩票网站| www.884727.com-浙江体彩十一选五| www.ov.cc-安徽快三最大遗漏| www.nr01.com-彩票买大小的技巧| www.v77.cn-体彩微信群赚钱| www.54bs.com-新盈彩是什么意思| www.985.cc-6号彩票-| www.9300.biz-乐彩网有毒吗| www.58916.cc-七星彩票中奖号码| www.023867.com-彩票开奖结果排列3| www.096903.com-体彩分析软件| www.163665.com-买福彩倾家荡产| www.268503.com-竞彩猫-| www.353977.com-体彩快乐彩-| www.437732.com-体育彩票投站点附近| www.530571.com-时时彩6码必中| www.633652.com-幸运彩助手-| www.707475.com-快三彩票手机版下载| www.781423.com-足彩8串8-| www.854436.com-一分快三顺挂| www.907167.com-福利彩票有几位数字| www.963980.com-特彩吧下载-| 500彩票www.326477.com| www.gn15.com-河南彩色沥青| www.yd02.com-七星彩历史上的今天| www.19dr.com-私彩量刑-| www.707.cm-世界杯彩票胜平负| www.4446.xyz-澳门快三计划| www.9496.cc-彩105官网下载| www.59258.com-彩铅画星空图教程| www.015823.com-安装够力七星彩官网| www.083282.com-彩票电子报纸| www.140411.com-彩九九彩票-| www.214493.com-盛兴彩票网手机版| www.283376.com-体彩七星彩四等奖| www.403772.com-王刚讲故事八万彩票| www.506652.com-鄂鱼彩票-| www.571892.com-l天天彩票与你同行| www.636715.com-小学生画彩虹的图画| www.826733.com-东润娱乐彩票| www.888955.cc-凤凰彩票有人玩吗| www.948023.com-福彩3d生肖幸运号| www.986966.com-冠赢彩票app| www.cai6464.com彩票入门基础知识| www.jo78.com-王者彩票安全吗| www.a19.top-阳光探码图彩民乐图| www.23wq.com-盛彩彩票网址多少| www.769.cc-彩赢计划软件下载| www.4294.biz-双彩真实的谎言字谜| www.9417.cc-排列三的彩报第二版| www.55262.com-时时彩提前开奖30| www.96902.com-u9彩票网可信吗| www.055991.com-七乐彩中奖等级规则| www.149756.com-中国福彩网官网登录| www.233267.com-河北彩票快三| www.299794.com-分分钟彩票网址| www.365617.cc-竞彩比分漏洞| www.454410.com-网易彩票电脑版官网| www.540540.com-好运时时彩计划软件| www.659782.com-彩票预测插件| www.729102.com-好看彩票123网址| www.69926.com-竞彩篮球编号| www.086880.com-足球彩票分析软件| www.179893.com-湖北快三一定牛预测| www.242383.com-黑龙江福彩20选八| www.328993.com-广西中奖彩票被调| www.408050.com-新婚姻法彩礼多少钱| www.534538.com-梦秘解图梦册七星彩| www.882475.com-刷英国五分彩| www.10gx.com-x23幻彩版缺点| www.74bw.com-彩票充值陷阱| www.0784.net-彩世家官网-| www.7658.tv-台湾五分彩开奖记录| www.21826.cc-充8元送88彩金| www.64786.com-竞彩亚盘干货| www.034313.com-360篮球竞彩| www.119387.com-8号彩票论坛注册| www.189805.com-大发快三高手怎么玩| www.295511.com-彩票中奖前的预感| www.090081.com-影吧彩票-| www.201999.com-3d福彩藏机图| www.293093.com-河南快三号码走势图| www.356024.com-中国彩票头奖排名| www.440875.com-彩色耐磨混凝土容重| www.529889.com-40o500好彩堂| www.707570.com-1号彩下载-| www.778604.com-人人竞彩ios| www.932623.com-118彩票怎么玩| www.977300.com-内乡彩礼-| www.rw48.com-31彩票官方网址| www.8wh.com-鼎彩国际app| www.65rm.com-导师教你买彩票包赔| www.0529.org-乐亿彩票app下载| www.5688.me-tt彩票下载-| www.05419.com-哪个网站买彩票| www.46420.com-乐透型彩票中奖技巧| www.zn94.com-好彩客官网方下载| www.67mt.com-c78彩票app-| www.1870.in-彩票合买系统彩票| www.01401.com-彩票计划稳的平台|