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.738638.com-福彩输了很多钱| www.175715.com-苹果快三助手免费版| www.664246.com-七彩乐中奖结果图| www.633976.com-贺兰七彩艺校| www.858643.com-极速快三怎么买号| www.590471.com-七星彩软件官方软件| www.647626.com-大富翁i8彩票| www.770975.com-500彩票客服电话| www.923778.com-什么时间可以买彩票| www.cp845.com-f96福彩-| 大玩家彩票www.319826.com| www.rx18.com-福彩旺彩下载| www.04oe.com-大发快三倍数| www.88au.com-快三大小表格图| www.462189.com-彩宝是骗局吗| www.564460.com-3d福彩组选精选| www.663797.com-邮政福彩306定投| www.737931.com-意大利彩金在澳门| www.639917.com-双色球乐彩论坛字谜| www.902990.com-一彩仙知-| www.cai5433.com快三彩票平台| www.ug34.com-十大私彩平台名字| www.21kr.com-彩票数据分析代码| www.91au.com-数字型彩票选号方法| www.bm82.com-福彩快3正规平台| www.670779.com-苹果彩票手机版| www.09303.com-鸿鼎网彩票论坛| www.721119.com-365彩票手机| www.872170.com-福利彩票双色球字谜| www.960296.com-大吉彩票平台| www.cp6736.com-福彩快三官网直营| www.tt65.cc-合买彩票平台有哪些| www.381583.com-肥城体彩售各点| www.598630.com-97299彩票-| www.543479.com-3d彩图牛彩网| www.127565.com-彩虹app-| www.230765.com-大发彩票官网手机版| www.321036.com-新3d彩票骗人吗| www.417300.com-好彩香烟多钱一盒| www.524898.com-分分彩百度贴吧| www.601703.com-80彩票靠谱吗| www.670404.com-手机买彩票违法吗| www.265379.com-3d福彩破解-| www.4001.vip-晴予七星彩今晚预测| www.18877.cc-彩票336ios-| www.nd72.com-3d彩票大赢家| www.066448.com-最大的博彩app| www.nl17.com-中国足彩网赛事| www.591791.com-彩礼钱女方父母拿着| www.670071.com-海南彩网-| www.87sq.com-河北省体彩11选5| www.230198.com-盈彩怎么赚钱| www.622508.com-天天爱彩票苹果版| www.720715.com-安卓版3彩票| www.804268.com-体育彩票网上如何买| www.884501.com-福彩三地走试图| www.vd03.com-481体彩开奖| www.233986.com-聚财彩票骗局| www.318964.com-三分时时彩平台| www.102250.com-台湾乐透彩今晚| www.997404.com-福彩快乐二十分| www.96719.com-西安宝马彩票事件| www.114223.com-澳客彩票网app| www.607923.com-彩铅画荷花怎么画| www.759927.com-时时彩全天在线计划| www.861002.com-福彩中奖号3d| www.359261.com-微博彩票在哪| www.9699.net-500彩是啥-| www.ul95.com-内蒙古福利彩票三d| www.538126.com-重庆时时彩天天计划| www.32541.com-百万彩票旧版入口| www.144077.com-鼎盛彩票app下载| www.253982.com-下载彩票送彩金| www.641055.com-金彩网天下网空彩票| www.2384.vip-上海上海福彩网官网| www.748505.com-天天快三预测| www.912651.com-浙江快乐12牛彩| www.995966.cc-足球彩18086| www.xg3.cc-彩票湖北快三开奖| www.e48.com-nao123彩票-| www.504789.com-人生没有彩排句子| www.tp24.com-福彩开店申请| www.a56.live-足彩心得-| www.666171.com-福利彩票和什么一起| www.877090.com-彩票顶呱刮中奖技巧| www.948339.com-彩票投哪些注| JJ彩票www.47370.cc| www.5iv.com-常州福彩点-| www.9460.vip-地方彩票怎么买| www.740456.com-易网彩票开奖查下载| www.872992.com-支持花呗的彩票软件| www.960813.com-709彩票在线| www.om31.com-sh彩票-| www.215920.com-七星彩几个号算中奖| www.218201.com-吉林市快三盘| www.1860.vip-南京华彩赢家骗局| www.137203.com-彩冰淇淋视频| www.444177.com-福利彩票坐标走试图| www.625544.com-福利彩票中奖方式| www.707320.com-时时彩后一大小判断| www.779798.com-竞彩全民竞技大赛| www.392342.com-彩票平台哪里找| www.qd21.com-新浪彩票开奖信息| www.14zk.com-彩宝贝彩票网官网| www.063526.com-代理的彩票犯法吗| www.150839.com-福彩复式怎么买列表| www.0508.org-今天福彩3d开奖号| www.552116.com-凤凰彩下载360| www.506708.com-新彩吧图谜汇总| www.699178.com-微信扫码的彩票平台| www.5684.biz-今日说法彩票案视频| www.633953.com-临沂七彩教育集团| www.zr58.com-双色球彩票规则| 瑞彩网www.809215.com| www.jz80.com-江苏省彩票中奖| www.s70.link-今晚福彩什么号| www.34fv.com-彩富计划软件| www.519365.cc-主角中彩票的小说| www.603716.com-彩票怎样中大奖| www.780199.com-长沙快三-| www.005442.com-上海福彩三d| www.093936.com-福彩开奖时间表| www.155561.com-凤凰彩票怎样稳赢| www.521202.com-财富彩票官网下载| www.0364.live-大地彩票安卓下载| www.436985.com-瑞士彩票最高奖金| www.525739.com-日立彩票平台正规吗| www.615755.com-体彩七位数技巧| www.917533.com-必赢彩票是黑彩吗| www.334.tv-彩票47-| www.206647.com-时时中彩票官网平台| www.7238.in-彩票开奖北京kp| www.cai5252.com安徽快三基本形态| www.806043.com-买彩票可以发财吗| www.913007.com-我去彩票站官方网站| www.970294.com-今天七彩开什么奖| www.cai1944.com我找到时时彩漏洞了| www.jc33.com-福利三d彩票开奖| www.c18.tv-中国竞彩足球胜平负| www.881631.com-时时彩赌博群| www.ar93.com-重庆贵族快三开奖图| www.067620.com-网上买彩票总是输| www.590751.com-378彩票下载| www.539472.com-快三中奖最多人| www.070954.com-约彩365中了5万| www.633152.com-篮球彩票单场投注| www.715433.com-腾讯分分彩后二教学| www.791470.com-彩易博天誉高手论坛| www.860209.com-河内五分彩软件下载| www.914133.com-彩乐园邀请码| www.970751.com-什么app买彩票好| 500彩票www.758500.com| www.31os.com-星期六开啥彩票| www.537908.com-家彩字谜区-| www.71025.com-致富彩官方下载| www.365375.cc-3d直击黑彩-| www.862650.com-甘肃快三豹子奖金| www.947882.com-现在买彩金的人多吗| www.996336.com-足彩几串几最划算| www.ms60.com-爱乐透彩票电脑版| www.05rc.com-福彩3d历史开奖号| www.986774.com-哪个购彩平台最大| www.yb0.cc-大发彩票0234| www.657423.com-彩运无线网登录页面|