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.6379.biz-时时彩直播现场| www.131379.com-信阳结婚要多少彩礼| www.3708.cm-休彩排列三-| www.158737.com-天猫彩票包场| www.00qk.com-广西快三是传销吗| www.122445.com-体彩排例三开机号| www.527889.com-时时彩最大历史遗漏| www.534849.com-电玩彩票机技巧| www.697318.com-全国最大双彩论坛| www.800925.com-利盈彩票骗局揭秘| www.886454.com-福彩双色球杀号技巧| www.980492.com-体彩广西宝马事件| www.81db.com-7星彩每周开奖时间| www.1580.org-最贵的彩票收藏| www.912204.com-体彩实体店网| 万利www.32123t.com| www.908709.com-七星彩彩票分析预测| www.752335.com-网上买彩票最新消息| 火星彩票www.hx6606.com| www.lk67.com-1号平台彩票网址| www.7292.biz-小米彩虹电池| www.953188.com-新加坡乐和彩网站| www.cp844.cc-易彩的app咋下载| 5号彩www.565hc.com| www.ix37.com-虚拟足球e球彩直播| www.9578.club-凤彩网福彩3d独胆| www.15rs.com-合肥福利彩票开店| www.no51.com-彩票做号器-| www.3181.win-三d星彩网开机号| www.019874.com-彩票时时彩网上购买| www.520131.com-彩票软件开发商| www.98807.com-竞彩初赔特点| www.392948.com-动漫眼睛图片彩铅画| www.635182.com-西夏区七彩艺校| www.738832.com-开彩宝典-| www.867831.com-彩神通金码100期| www.992975.com-足彩胜负十四场开奖| www.hw15.com-宁夏快三49期下载| www.15al.com-足球彩票的行业前景| www.183597.com-中彩彩票中福快3| www.448504.com-全球彩票网址| www.585653.com-彩票双色球如何购买| www.722806.com-小鹿多彩为啥下不了| www.320024.com-腾讯彩票快3| www.462618.com-排列五彩票开奖查询| www.586506.com-彩金app下载| www.682021.com-中国体育彩票计算器| www.58468.com-安彩高科重组传闻| www.692370.com-管家婆彩图2019| www.791046.com-粉毒和彩毒的区别| www.929371.com-牛蛙彩票正版资料| www.1724.vip-博彩娱乐送彩金大全| www.646233.com-玩竞彩-| www.795216.com-金牛座彩票幸运号码| www.916125.com-牛旺庄彩票站| www.kf33.com-双色球机炫彩宝贝| www.38cm.com-彩神挣霸8-| www.425940.com-廊坊彩票站转让| www.358366.com-2019年高频彩票| www.063866.com-时时彩关闭了| www.997542.com-328彩票-| www.15xf.com-彩虹5无人机图片| www.3836.biz-福彩快三一共多少注| www.156437.com-中国体育竞彩足球| www.vj79.com-今日福彩3d水果图| www.096206.com-四川体彩中心主任| www.365271.cc-体彩开机号码今天| www.nq0.com-福彩快3一天多少期| www.vq26.com-彩专家计划-| www.05la.com-足彩赔率计算| www.87xm.com-491cc彩票挂牌| www.2820.vip-好彩在线app| www.490778.com-天猫国际城购彩平台| www.780979.com-最美的彩虹歌词| www.872041.com-买彩票多少钱一张| www.965734.com-彩神8ios下载| 网易彩票www.560621.com| www.jp5.com-彩票河南-| www.rn65.com-几分钟的彩票| www.7338.cm-彩虹七无人机视频| www.41011.com-网上买彩票安全吗| www.001496.com-中国体彩怎么查讯| www.cy80.com-一分快三精准计划| www.010681.com-时时彩注册送彩金| www.406768.cc-七星彩五百期走势图| www.644258.com-分分彩后二-| www.cai4966.com甘肃福彩快3开奖号| www.470044.com-爱投彩票犯法吗| www.568473.com-分分彩四星稳赚平刷| www.42ob.com-彩票开奖是不是假的| www.8314.vip-福彩中奖到哪里兑奖| www.78718.com-福彩中奖窍门| www.365933.cc-福彩今日试机号码| www.464666.cc-六给彩票香港开| www.087662.com-好彩客app苹果| www.721058.com-彩票2元网靠谱吗| www.811919.com-百度一下彩票开奖| www.875378.com-快三豹子技巧| www.286816.com-怎样买快三彩票大小| www.397908.com-乐彩01-| www.17233.com-彩票诈骗怎么报警| www.22oo.com-买彩票的秘诀是什么| www.156885.com-重庆时时彩走势图表| www.255582.com-彩富网彩富高手网| www.326371.com-七星彩上官燕预测| www.402007.com-购彩网彩票首页| www.507179.com-分分时时彩开奖规律| www.569199.com-彩之家苹果版本| www.659752.com-水果农场彩票开奖| www.894966.com-网彩七彩合法吗| www.973745.com-福彩线上代理| www.cp431.com-吉林快三官网代理| www.255190.com-68彩票软件下载| www.315162.com-篮球竞彩分析推荐| www.369496.com-合肥体育彩票店妙招| www.444540.com-彩票6加1开奖查询| www.521111.com-买黑彩怎么能赢钱| www.25819.com-中国体彩11选5| www.5239.com-北京足球单场彩票| www.681263.com-掌中彩掌中彩安卓版| www.782203.com-香港机密一肖彩经图| www.870743.com-必发彩票开奖直播网| www.951603.com-体育彩票一定牛苹果| 大赢家彩票网www.83033v.com| www.uf08.com-乐彩网靠谱吗| www.31yk.com-正规网上彩票网站| www.06665.cc-福彩3d多邦预测| www.535120.com-全民彩票时时彩| www.786768.com-彩种极速快三违法| www.862530.com-云南体彩票十一选5| www.919089.cc-买外围彩票软件| www.967676.com-彩票网群聊-| www.ge2.com-七星彩兑奖规定| www.244453.com-新彩票网走势图| www.668450.com-双色彩票玩法| www.776698.com-彩票追号是什么意思| www.836974.com-立彩充值-| www.886625.com-福彩全是假的| www.943411.com-8号彩票属于正规| www.70047.com-买竞彩怎么算税额| www.188756.com-快三中几个号有奖| www.206178.com-彩票端软件-| www.5787.vip-品彩旗舰店-| www.044646.com-送外卖帮忙买彩票| www.216257.com-乐和彩官网-| www.512337.com-星优时时彩平台登录| www.ws37.com-网易彩票时时彩| www.103854.com-苜页牛洼彩票| www.197587.com-中国竞猜彩网| www.258837.com-竞彩害了多少人| www.131668.com-郑州彩票双机店| www.07ge.com-古风画手绘彩铅| www.5688.hk-福利彩票3a走势图| www.017243.com-盛大彩票下载| www.vq88.cc-彩专家时时彩计划| www.c90.org-南国彩票论坛坛特区| www.31rb.com-七乐彩一等奖多少| www.2958.net-体育彩票主题装修| www.104204.com-时时彩后二杀号技巧| www.520663.com-彩虹精化股票走势| www.619290.com-云南福彩管理中心| www.r21.in-私彩平台快三| www.19366.cc-彩82app-| www.122322.com-5亿彩票哪里下载|