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.405400.com-下载凤凰彩票网首页| www.572973.com-福利体彩票153期| www.659336.com-彩票开奖31期查询| www.576561.com-河北福彩七星彩开奖| www.917978.com-900彩票合法吗| www.693422.com-乐游彩票官网| www.637978.com-南洋彩现场开奖结果| www.758800.com-第1彩票报-| www.854595.com-竞彩258论坛| www.930027.com-香港牛蛙彩票网址| www.988667.com-微彩站app-| www.dr32.com-网上快三如何赚钱| www.a35.net-中华彩票网专家预测| www.156826.com-全天五分彩玩法骗局| www.888280.com-怎样辨别彩票的真伪| www.ze93.com-大奖网触屏网彩票| www.885349.com-旧彩票收藏价格图| www.9851.in-竞彩足球专家| www.354888.com-天天好彩论坛| www.525668.com-租一台彩票机多少钱| www.630304.com-排三选号彩报| www.175635.com-快三免费破解器开挂| www.7854.shop-精确的足彩口诀| www.c3.hk-内蒙快三爱彩乐网站| www.679201.com-彩票平台赠送彩金| www.57116.com-福彩自助机-| www.33vr.com-足彩推荐猜比分软件| www.577345.com-福彩三d速查表| www.7662.top-福彩彩票标志图片| www.979758.com-一品彩票下载| www.619876.com-奇门测港彩秘诀| www.766080.com-黑彩可以报警吗| www.127823.com-真正的彩虹-| www.285600.com-福彩拖胆玩法介绍| www.369077.com-体彩试机号关注金码| www.9189.cc-好多彩票一起玩的网| www.66151.cc-彩票模拟投注app| www.he1.cc-7070彩票开挂| www.712781.com-快三赌徒-| www.800079.cc-天际彩票谁在玩| www.883412.com-彩票彩金大全| www.964465.com-ok足球竞彩日| 超级彩票www.811257.com| www.jt74.com-彩吧彩票靠谱吗| www.35jb.com-玩五分彩犯法吗| www.d48.loan-nba篮彩-| www.129623.com-海南彩民中大奖| www.96zh.com-奔驰标志彩票平台| www.4430.vip-人人快三开奖查询| www.09050.com-大发快三盈利技巧| www.65589.com-赢家彩票注册| www.053170.com-如何买足彩-| www.zv03.com-彩虹5无人机出口| www.032.win-19043期7星彩| www.5894.org-体彩奖如何领取| www.870794.com-广东福彩好彩1| www.949025.com-中彩快三计划破解| 中国福利彩票www.33588n.com| www.fd33.com-全天幸运快三计划| www.c76.com-星彩网彩票工具| www.468802.com-福利彩票刮刮乐秘诀| www.579390.com-彩票程序晓风系统| www.659082.com-南国特区彩票论坛一| www.5820.biz-体彩排列三的玩法| www.578228.com-东北七彩快三| www.669908.com-什么彩票四个数| www.738382.com-体彩快三查询| www.812652.com-西赵口彩吧一早报1| www.889310.com-如意彩票软件| www.961942.com-三彩家是国企吗| 网易彩票www.562509.com| www.468666.com-一彩票招聘-| www.354110.com-竞彩球队身价| www.33kf.cc-玖玖彩票是不是合法| www.997831.com-泊利彩票app| www.790452.com-赢家彩票注册| www.sg2.com-上海市体彩兑奖中心| www.jl33.cc-江苏快三输了几十万| www.634200.com-湖南七彩集团招聘| www.095143.com-布衣彩吧3d图库| www.267322.com-河南快三计划软件| www.532869.com-七星彩奖表长图| www.760768.com-釉彩大瓶价格| www.iw81.com-手机彩票网址大全| www.1830.pw-爱米彩票网址进入| www.1681.org-盈利彩票软件下载| www.184618.com-湖北福彩快3一定牛| www.355705.com-足彩扣税-| www.265391.com-上海快三走势图下载| www.452264.com-体彩中一亿大奖得主| www.603203.com-中彩走势图-| www.697662.com-彩票几号开售| www.789416.com-竞彩篮球资讯| www.883572.com-友成彩票-| www.949080.com-高频彩开奖直播分析| www.995365.cc-英国5分彩结果| www.be55.com-内蒙古福彩中心招聘| www.vq45.com-彩票江苏快三怎么玩| www.15pz.cc-威海结婚彩礼钱| www.409.tv-境外彩票app| www.4577.vip-买彩票技巧大全| www.16653.com-澳客彩票网比分直播| www.61599.cc-七星彩数学算法| www.355573.com-福彩主任冯亚平籍贯| www.452711.com-盼望竞彩app| www.538444.com-彩票哪个品种奖金高| www.589736.com-足彩19039凯利| www.656328.com-博友彩可信吗| www.725287.com-中国彩票与赌博| www.783919.com-一分快三是谁开奖| www.854273.com-彩票01软件好用吗| www.904084.com-福彩机选号码| www.958479.com-七星彩开奖图片大全| 盛彩网www.41518g.com| www.go93.com-河南限制彩礼| www.wh49.com-体彩排三开奖号| www.05bt.com-七星彩参考码| www.256220.com-快三组合-| www.323115.com-马来分分彩人工计划| www.386307.com-足球体彩彩票怎么看| www.501758.com-体育彩票流程| www.563387.com-彩票历史开奖网址| www.616541.com-7彩网是不是真的| www.670099.com-重庆时彩全天计划群| www.291596.com-好的彩票信誉平台| www.533378.com-怎样玩七星彩| www.890277.com-谁有合法彩票平台| www.967595.com-三d福彩-| www.cai61.cc-今天上海快三开奖| www.30368.com-北京28彩票公式| www.88729.com-天空彩报码开奖直播| www.310747.com-今日甘肃快三结果| www.520562.com-探探上全是彩票托| www.023368.com-什么叫诺基新彩票| www.111319.cc-易彩快三攻略| www.6971.biz-九宫八卦彩票选号器| www.124633.com-腾讯分分彩任三漏洞| www.206241.com-彩678骗局-| www.264793.com-快三彩票中国福彩| www.382145.com-22彩票平台提现| www.490014.com-老版好彩票-| www.47or.com-彩力刚芽-| www.16522.com-168彩票下载安卓| www.059564.com-k彩1960怎么开| www.531209.com-新浪百度彩票走势图| www.587096.com-大唐彩票好吗| www.656052.com-星彩新星彩福| www.706335.com-三分时时彩公式| www.769797.com-彩73下载-| www.827227.com-富豪彩票-| www.890244.com-福建快三一定牛遗漏| www.994812.com-福利彩票七乐买法| www.bk05.com-快三彩票ios版| www.4425.vip-河北福彩排列走势图| www.67jn.com-太原开彩票站怎么样| www.043922.com-时时彩挂机软件骗局| www.503123.com-世界快开彩票种类| www.874520.com-信彩票-| www.35391.cc-福彩双色球有假没| www.200509.com-海南特区七星彩论坛| www.781416.com-哪个彩票网站最正规| www.219547.com-北京快乐彩开奖记录| www.87tl.com-app云购彩票| www.3867.cn-广州体彩兑奖中心|