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天

知道了
百盈PK10 www.105670.com-重庆时时彩官苹果| www.635231.com-八面通七彩影院影讯| www.617767.com-铜陵体彩中心地址| www.718282.com-体育彩票直播开奖| www.894890.com-博友彩兼职-| www.00gl.com-周杰伦彩虹现场伴奏| www.235.cm-好彩一生肖-| www.241238.com-彩客网完场比分直播| www.547601.com-锋彩直播官网4.0| www.721708.com-cc彩票王app| www.03980.cc-十四彩网站-| www.93595.com-75彩app-| www.kj91.com-双色球助手幸运彩票| www.53pz.cc-贵阳彩票中心电话| www.1012.vip-彩乃奈奈中文字幕| www.8972.shop-国彩过滤单怎么买| www.k20.cn-中国彩吧更懂彩民| www.57ta.com-彩票花呗平台| www.tr01.com-9购十分彩江苏快三| www.34sz.com-彩票通手机版下载| www.0148.com-缅甸彩色宝石| www.9278.in-注册彩票分析师| www.58ha.com-幸运彩票网址是什么| www.330876.com-好游快爆下载乐彩网| www.503530.com-东森彩票平台安全吗| www.407357.com-金碧慧彩-| www.531138.com-时时彩止损方法| www.633100.com-篮球竞彩大分是多少| www.720006.com-网投快三刷水钱方法| www.798715.com-ss盛世彩票-| www.887083.com-跟团队买彩票骗局| www.961632.com-贵州快彩-| www.cp3360.com-什么叫一分快三| www.94td.com-中国彩有人说带我玩| www.738119.com-湖南福利彩票怎么选| www.856171.com-注册送彩金可提现| www.931972.com-彩票多少个数字| www.987622.com-福利快三官网apk| www.do46.com-高频彩票预测网| www.9cp.com-中国4d彩票-| www.198726.com-京彩彩票官网| www.304291.com-易旺彩票手机版| www.1999.mobi-和彩自助-| www.20402.com-专业大发快三回血| www.42eq.com-足彩赔率怎么算奖金| www.451898.com-时时分分彩怎么玩| www.572078.com-金博彩票官方直营网| www.659857.com-远途国际是黑彩吗| www.737470.com-福彩三d今晚开奖吗| www.832796.com-体彩超级大乐透直播| www.918905.com-凤凰娱乐彩票可信吗| www.982463.com-鸿彩辉腾团队| www.qp3.com-论坛山东体彩| www.768347.com-安卓手机彩票app| www.950274.com-105彩票下载苹果| www.ap15.com-福彩3d绝对布衣2| www.117775.com-竞彩普及日强胆推荐| www.97152.com-十三五计划彩票| www.243436.com-双色球黄小仙众彩网| www.253267.com-买足球竞彩app| www.08vh.com-体彩排三19053| www.391305.com-乐彩娱乐注册| www.859022.com-冈力彩芽-| www.tk58.cc-江苏体彩官网首页| www.31626.cc-双色球易彩网机选号| www.12ns.com-手机财神彩票开奖| www.131858.com-濮阳彩礼-| www.59623.cc-加拿大28彩票骗局| www.08123.com-4lcc金彩网-| www.770099.com-七彩虹gt1030| www.64388.cc-体育彩票号码是什么| www.188165.cc-安徽快三入门| www.792678.com-阜阳彩票中心电话| www.610880.com-快三昨天未开号| www.699646.com-彩神pk10安卓| www.175882.com-福建福彩快三走势图| www.bc1.cc-湖北快三开奖结果1| www.014508.com-七星彩最好的软件| www.212885.com-431彩票-| www.061158.com-彩客站是骗局吗| www.021688.com-皇冠彩票被黑了| www.053234.com-加盟福彩自助售彩机| www.78jm.com-竞彩场次减少| www.2157.online必赢彩票下载| www.8883.tv-竞彩好中吗-| www.31222.cc-尊彩网页版-| www.78ge.com-海外足彩在哪里买| www.265665.com-华盈彩票彩金骗局| www.401655.com-彩客站aqq-| www.599510.com-彩票怎么才中奖| www.839157.com-网易彩票注册| www.971951.com-彩拾彩票受骗| www.121809.com-陕西假宝马彩票| www.087.cc-天刀射利彩签在哪做| www.3903.vip-排列三跨度南方彩| www.9520.cm-盛宏彩票下载| www.800666.com-福彩3d加奖公告| www.867533.com-七星彩开奖今天结果| www.398392.com-河南省体育彩票竞彩| www.3260.vip-快三走势图赤峰| www.195699.com-全部彩种-| www.659032.com-4d彩票开奖-| www.1479.vip-精彩中国说吕代豪| www.ez17.com-博牛彩票真的假的| www.692017.com-手机投注彩票合法吗| www.306299.cc-目前彩票最好的平台| www.461625.com-彩票是怎么做代理的| www.46pc.com-手机玩彩票软件下载| www.227175.com-正规快三彩票| www.jd82.com-福州快三测试| www.5558.cm-幸福彩前天的节目单| www.588277.com-购彩xr骗局-| www.678693.com-足球胜负彩凯利指数| www.768055.com-福彩快三的倍投方法| www.839065.com-彩票太湖詹天佑| www.6330.top-三彩服饰春装| www.808560.com-天禧彩票正规吗| www.is3.com-福彩基诺中奖规则| www.290275.com-彩库宝典开码结果| www.361020.com-靠足彩赚钱的人多吗| www.6883.loan-南粤风彩复式| www.626960.com-虎扑足彩-| www.291001.com-体育彩票大乐透走势| www.236737.com-彩票怎么买中奖率高| www.958977.com-福彩3d藏机图| www.179308.com-江苏快三可靠吗| www.a01.net-东方集团彩票官网| www.829633.com-彩票速查表-| www.31131.cc-软件买彩票可靠吗| www.964655.com-彩票推算大师| www.ai5.cc-福彩3d总汇-| www.55331.cc-时时彩五星大底工具| 大赢家彩票平台www.576679.com| www.237640.cc-彩票站有北京快三么| www.046905.com-3号彩票送彩金| www.993110.com-竞彩足球足彩分析网| www.uv1.cc-足彩8串1中一亿| www.259579.com-彩票选号网站| www.113743.com-湖南体彩网双彩论坛| www.714511.com-体彩实体店兑奖金额| www.886097.com-时时彩缩水ios| www.cv54.com-亚洲彩票合法吗| www.84af.com-彩票app那个好| www.887185.com-6hck模拟购彩| 大赢家彩票平台www.810531.com| www.132959.com-精彩江苏快三| www.331153.com-彩票看走势是扯淡的| www.bm21.com-彩票口诀-| www.937108.com-七乐彩中奖计算器| www.cai679.com-快三破解器-| www.182801.com-快三能不能赚钱| www.26yu.com-乡镇彩票店怎么加盟| www.325517.com-海南私彩规律走势图| www.387501.com-彩10000下载| www.681812.com-麒麟彩币被叫停| www.b88.wang-好彩彩票平台怎么样| www.954896.com-彩票跑马计划| www.uc9.cc-福彩开奖号-| www.qf04.com-彩票77官网app| www.7jy.cc-中山市体彩中心电话| www.793228.com-七天国际时时彩平台| www.974437.com-昨天彩票中奖号多少| www.af3.cc-福彩3d彩吧-| www.07gf.com-上期福利彩票结果|