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.680751.com-一定牛江苏快三遗漏| www.927983.com-体彩有哪些种类| www.cm30.com-民彩网彩票-| www.27862.cc-3cp上彩票官方| www.183827.com-快三倍投-| www.55286.cc-玩时时彩用概率赚钱| www.338690.com-玩网上彩票怎么拉人| www.4675.cm-合买彩票1元| www.917201.com-88彩票网不让提款| www.jh37.com-发彩app下载安装| www.ad.com-共享彩票快三| www.52922.com-彩票店门口的标语| www.525662.com-重庆彩票中奖| www.202578.com-2d福彩玩法-| www.72of.com-足彩4场进球对阵表| www.36hm.com-北京彩票快3| www.977893.com-宝马彩票手机可靠吗| www.945311.com-最新吉林快三群| www.252866.com-大中华彩票合法吗| www.801809.com-3d杀码论坛乐彩| www.906926.com-福利彩世界怎么注册| www.978028.com-彩钢棚图片-| www.27uo.com-缅甸做时时彩怎么样| www.7860.cm-刀客胜负彩-| www.562863.com-合买彩票会被骗吗| www.673855.com-古建彩绘天花图案| www.934365.com-美女玩彩套路| www.cp292.com-内蒙古快三开奖结| www.185922.com-玩快三有什么技巧| www.751808.com-快三上海走势图| www.84ss.com-福利彩票的现场直播| www.121506.com-百合娱乐彩票怎么样| www.100052.cc-九州彩票网址| www.189475.com-肖立刚快三技巧| www.271188.com-八亿彩app下载| www.9708.vip-彩票助赢倒闭| www.57982.cc-万彩吧彩票网| www.302241.com-七星彩冷热态| www.022070.com-时时彩澳门平台| www.985482.com-举报非法彩票网站| www.fx51.com-网买彩票被骗报警了| www.l44.cc-三d彩神通关注码| www.96kp.com-黑彩平台源码| www.550078.com-下载易彩-| www.251266.com-彩之家官方下载| www.018831.com-汇彩网挣钱靠谱吗| www.989892.com-三d开奖结果彩助手| www.du33.com-高频彩票中奖秘籍| www.164168.com-体彩nba彩票| www.520048.com-福彩12选5限号了| www.791141.com-彩票模拟投注app| www.924713.com-中国彩票第一大奖| www.em52.com-代玩幸运快三| www.0069.pw-欧洲有几种彩票| www.57dz.com-彩票二维码下单| www.lc06.com-下载冀彩宝-| www.55cl.com-都匀彩票站在那里| www.118343.com-uu彩票下载-| www.192305.com-双彩论坛真实的谎言| www.298096.com-福彩开奖现场直播| www.365979.com-排三分析预测彩吧网| www.455400.com-国乐彩是官方的么| www.yx97.com-神圣彩票计划| www.234584.com-手机买彩票靠谱吗| www.0359.win-七星彩几点不能买了| www.004540.com-快三计划免费版| www.731426.com-易彩堂快3计划软件| www.801621.com-奔驰彩票团队qq群| www.035944.com-彩票中奖提醒软件| www.358400.com-彩票中大奖在哪领| www.518323.com-七星彩五行旺数| www.2312.org-港版好彩绿多少钱| www.710060.com-怎么找老的彩票台子| www.858904.com-多赢吉林快三| www.970913.com-迷彩兔是哪里的网站| www.20tq.com-体彩样票有什么用| 幸运彩票www.862366.com| www.277676.com-福利彩票预测43| www.206904.com-彩票网站推荐| www.853.tv-体彩奖金级别| www.194866.com-最新彩票-| www.350121.com-浙江卢某大复式彩票| www.802416.com-体育彩票胜平负机号| www.03786.com-福利彩票是个坑| www.10489.com-风彩网-| www.299111.com-彩计划全能版| www.381402.com-体育彩票中心电话| www.706699.com-玩私彩属于赌博吗| www.762648.com-爱乐彩湖北十一选五| www.869672.com-搜索491彩票| www.21764.com-足彩分析师证怎么考| www.966791.com-大连体彩中心| www.gf3.cc-六星彩开奖公告| www.8001.xyz-彩虹伞小班-| www.9391.biz-彩票走势图全| www.52251.com-黑彩平台会有漏洞吗| www.76309.cc-澳门福乐彩现场开奖| www.571927.com-怎样申请开彩票站| www.653937.com-莱利彩票是联网的吗| www.781334.com-微彩吧靠谱吗| www.874157.com-老谢彩票-| www.949534.com-百盈彩票登录网址| www.cai1277.com福彩精彩十分走势图| www.439.in-提前预知彩票结果| www.9312.org-体彩福彩中奖号| www.02021.com-彩虹颜色套路| www.867502.com-彩票500彩-| www.35276.cc-黑彩被骗报警管用么| www.615100.com-今日说法彩票案视频| www.974617.com-体彩排列五乐天预测| www.3446.xyz-时时彩杀胆-| www.084585.com-掌上赢彩下载| www.5936.top-体彩举报黑彩票站| www.871798.com-利彩软件-| www.957686.com-七星彩精选一注号码| 大赢家彩票www.327536.com| www.fc22.com-手机买彩票怎么作弊| www.su81.com-时时彩诈骗最新案例| www.76gq.com-洛杉矶国际快三下载| www.kd67.com-好运彩是骗局吗| www.4zt.com-好彩香烟爆珠薄荷| www.540120.com-7彩票开奖-| www.779177.com-大众彩票注册| www.959401.com-河北快三出号统计图| www.053396.com-彩票行业前瞻| www.82977.cc-菏泽福彩中心在哪里| www.108976.com-彩票疑云完整版| www.028486.com-双阳彩票站快三黑彩| www.535415.com-福利彩票的数学期望| www.625093.com-怎么推广别人玩彩票| www.715968.com-彩票双色球软件下载| www.815393.com-快中彩中奖规则| www.911911.com-海南私彩代理违法吗| www.980661.com-易彩乐是什么网站| www.137291.com-网上做兼职彩票| www.428160.com-博彩游戏网站| www.516392.com-中发彩票app下载| www.208875.com-彩票22app下载| www.305258.com-大乐透机炫彩宝贝| www.331819.com-玩网络彩票输几十万| www.52ag.com-利彩平台是真的吗| www.3331.biz-阿衰彩色漫画| www.0450.biz-玩什么彩票赚钱| www.7785.me-陶瓷新彩心得| www.32232.com-爱彩彩票怎么登录| www.78815.cc-合肥竞彩店行业赚钱| www.es70.com-南方双彩网-| www.288735.com-彩票达人登入| www.363046.com-福彩选四开奖查询| www.450337.com-3k彩票是真的吗| www.022089.com-每分钟开一次的彩票| www.718902.com-彩虹羽泉百度云| www.813064.com-彩票托构成诈骗罪吗| www.901806.com-福利彩票游戏机论坛| www.961337.com-大众彩票网平台网址| 福彩网www.5522a.cc| www.mi60.com-uu彩票app下载| www.22gw.cc-盈盈彩票注册| www.0088.cm-福彩3d唐龙预测| www.1581.cc-体育彩票收藏目录| www.134802.com-九号彩票登录| www.59jo.com-彩钢板镀锌厚度| www.ai08.com-彩票开奖号码昨天的| www.t37.top-彩尊最新手机版|