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.656060.com-双色球彩之网码| www.7976.org-博境外彩网站| www.kf39.com-河南省福彩中心兑奖| www.04bm.com-彩票搜索引擎一彩搜| www.0938.date-体彩三d是好多| www.2495.cc-玩彩app提现| www.02893.com-百乐门彩票正规吗| www.444369.com-彩票app素材| www.559257.com-彩票大奖多久能到账| www.628871.com-500购彩大厅| www.726226.com-福才3第今日福彩| www.930044.com-时时彩高手方法如下| www.999138.cc-e球彩2场全包玩法| www.mg83.com-云南十一选五爱乐彩| www.24166.com-3d彩乐乐定位预测| www.583791.com-彩色的中国伴奏| www.671721.com-cb8彩宝彩票真假| www.756238.com-贵州省体彩大选五| www.850855.com-时时彩杂六漏洞| www.915682.com-福彩利润-| www.974074.com-熊猫??彩票-| www.cai4448.com福彩3d预测-| www.770947.com-彩之家怎么样| www.929311.com-七星彩152-| 阿里彩票www.al5678.com| www.658884.com-七星彩出过豹子号码| www.749334.com-中彩官网彩票| www.523867.com-时时彩害了我全家| www.954479.com-博中彩票-| www.027730.com-体彩刮刮乐中奖率| www.217764.com-幸运快三骗局| www.977656.com-世界杯足彩赔率表| www.066.cm-七乐彩每天都能买吗| www.688132.com-彩票交流微信群3d| www.sb29.com-腾讯时时彩是官网吗| www.269179.com-海拔彩票下载| www.387752.com-华彩咨询集团怎么样| www.096866.com-排五走势彩宝网| www.653306.com-彩票幸运之门官网| www.860217.com-奥客彩票wan| www.997348.com-苹果彩票投注app| www.w75.com-乐彩客app苹果版| www.0271.net-中了彩票的电视剧| www.01577.com-彩麒麟怎么生根| www.118585.com-牛彩一分快三技巧| www.926950.com-彩票免费计划大全| www.uf50.com-私彩违法吗-| www.172552.com-甘肃省快三开奖结果| www.jn4.com-河北快三平台下载| www.227606.com-一分快三怎么开奖的| www.445626.com-代销外国彩票| www.611929.com-彩票八方预测| www.53562.cc-好彩网_app-| www.020446.com-下载最新彩38| www.952041.com-5分彩开奖走势| www.fc52.com-玩彩票有赢的吗| www.996249.com-北单足彩对阵表| www.oe74.com-长春福彩中心网站| www.83828.com-怎么在手机上玩彩票| www.338804.com-福彩3d胆码排序图| www.447551.com-足彩吧豪哥公众号| www.310068.com-离我最近的体彩店| www.227796.com-福彩快3有赢的吗| www.806299.com-快三大数据-| www.886608.cc-福彩3d机选投注| www.33639.cc-彩色沥青多少钱一吨| www.99km.com-丹东彩吧丹东综合报| www.225.me-一个叫淘彩票的平台| www.9982.top-彩票万能开挂器| www.6eb.com-完美娱乐香港分分彩| www.195608.com-长春快三怎么玩稳赚| www.58gc.com-彩票39-| www.313508.com-彩票开奖票码技巧| www.7591.loan-福彩三天计划必出| www.920.site-买彩票有没有技巧| www.556584.com-20分钟一开的彩票| www.900111.com-288彩票苹果版| www.sx60.com-彩票玩法详解| www.77893.cc-阅读更多精彩内容哦| www.118039.com-时时彩技巧电子书| www.263325.com-极速时时采彩官方| www.597690.com-海南七星彩精彩论坛| www.790592.com-福彩三d论坛静态版| 博友彩www.371r.cc| www.12219.cc-江苏快三参考图| www.89917.cc-彩票网络接单| www.066608.com-大奖彩票购彩合法吗| www.437122.com-新浪彩票网官方端口| www.77292.cc-新版87彩店ios| www.981588.com-黑客预测彩票| www.mc60.com-乐彩网3d走势图表| www.r24.in-福利彩广西双彩开奖| www.972338.com-彩票智能分析| 500彩票www.50026p.com| www.91774.com-玩彩软件-| www.9600.vip-彩票好听名字大全| www.229375.com-彩77下载-| www.303280.com-2006年福彩和值| www.6216.in-乐彩网摘解太湖专版| www.68066.cc-福彩3d最新八卦图| www.069980.com-贵州体彩票11选5| www.161649.cc-分分彩平台下载| www.mr08.com-七星彩玩法规则| www.213661.com-赢彩神专栏-| www.627094.com-爱彩乐智能荐号| www.687218.com-第一彩票九龙心水网| www.759732.com-亿彩app是真的吗| www.820658.com-彩票领奖多久到账| www.2600.in-惠盈竞彩app地址| www.153288.com-大公鸡七星彩奖表| www.925365.com-体彩p3杀码技巧| 幸运彩票www.73166e.com| www.0501.top-大乐透彩票怎样兑奖| www.653393.com-49cc彩票官方| www.97877.com-时时彩皇家开奖软件| www.68989.cc-盈彩在线是骗| www.266266.cc-河北省福利彩票首页| www.33417.com-盛宏彩票首页| www.j67.cn-武汉市福利彩票快三| www.234212.com-河南快三预测推荐表| www.881741.com-q彩网大发快三| www.1371.cc-体育彩票充钱| www.443200.cc-双色彩球开奖号码| www.4800.xyz-彩6是什么平台| www.355862.com-彩票有什么技巧嘛| www.81928.cc-北京彩票站图片| www.592963.com-彩虹六号豪华版| www.376806.com-体彩店怎么装修| www.485059.com-网络上的快三合法吗| www.dx01.com-297彩票-| www.095776.com-购彩网站哪个最好| www.02628.com-彩拾彩票可以玩吗| www.67276.com-金禾娱乐彩票正规吗| www.028112.com-官方网678彩票| www.559698.com-云彩宝群英会| 爱购彩票www.igcp0.com| www.981135.com-7彩鲜花-| www.54455.cc-大发时时彩开挂软件| www.295073.com-福利彩票规则介绍| www.116269.com-吉林快三开将结果1| www.363884.com-世界杯网络彩票禁止| www.rw60.com-国家开发彩票软件| www.47vn.com-新三国杀张星彩| www.4833.vip-韩国德国2比0彩票| www.42442.com-彩天下香港免资料| www.318329.com-永利彩票代理| www.137015.com-旺彩大乐透预测推荐| www.42sf.com-福彩开奖时候| www.6984.biz-福彩3d玩2d-| www.732528.com-彩礼和聘礼给多少| 双彩网www.651012.com| www.3tx.com-中彩网号码分析| www.31927.cc-王牌彩票怎么样举报| www.96237.com-千亿彩票软件| www.cai903.cc-江苏快三的开奖结果| www.384311.com-国家体彩中心经济案| www.7411.vip-上海竞彩网点| www.948813.com-五分彩是什么彩票| 七星彩票www.015689.com| www.617251.com-扬州彩票投注站| www.699595.com-福彩双色球开奖规则| www.715793.com-网络彩票网站案例| www.813635.com-腾讯彩票游戏官网| www.878450.com-五行与彩票选码|