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.615645.com-福彩快三提前开奖| www.731125.com-开个彩票店要会什么| www.636990.com-腾讯分分彩算号器| www.758105.com-彩38网站官方网站| www.842185.com-那种彩票正规| www.206648.com-好运来时时彩安卓版| www.299897.com-广西官方彩票客户端| www.412360.com-∥彩票开奖-| www.537009.com-网名彩虹-| www.619686.com-彩票书-| www.691916.com-快三群主赚钱吗| www.770472.com-重庆时时彩| www.hb74.com-新彩吧3d预测| www.yo73.com-开一家彩票店赚钱吗| www.025144.com-彩票选号分析软件| www.128154.com-双色球彩票能折吗| www.208655.com-大发快三出龙的规律| www.292111.cc-合法的高频彩种| www.366691.com-微博怎么买体彩| www.062637.com-破解手机彩票的软件| www.178528.com-福彩网软件下载| www.333208.com-中彩网首页福彩| www.560653.com-爱彩票048app| www.912399.com-附近济南体彩店| www.xj89.cc-福彩3d图谜汇总| www.46cv.com-体育彩票室内装修| www.887814.com-如何开彩票店| www.083018.com-快三的秘密-| www.237679.com-14胜负彩开奖结果| www.657427.com-彩票2元网是真的吗| www.970894.com-848彩票-| www.032981.com-大发快三买大出小| www.vb56.com-福彩双胆专家预测| www.56vx.com-yicai易彩-| www.919652.com-网上彩票先赢还输| www.702135.com-体育彩票销售| www.850255.com-竞彩365直播| www.c26.live-排列五走势图彩贝网| www.892292.com-福彩3d一注软件| www.ve48.com-和彩-| www.38bq.com-大公鸡七星彩规律| www.5288.cn-七星彩19043| www.mc27.com-wcp玩彩票app| www.4bi.cc-移动梦网彩票直播版| www.79lb.com-图谜汇总3d牛彩网| www.278736.com-赌彩票输了50万| www.314250.com-好彩门户-| www.09082.com-福彩3d教父交流群| www.198.biz-古风风景画彩铅画| www.2547.vip-彩票代打qq群| www.07688.cc-中彩那天优秀导入| www.713908.com-彩票双色开奖查询| www.871303.com-下载快三摇奖器| www.115234.com-用彩铅画樱花树| www.760493.com-安徽快三加奖方法| www.950846.com-五分彩走势-| www.847206.com-彩票投注站管理办法| www.1344.xyz-vr彩是官方的吗| www.996854.com-博瑞彩票平台| www.db55.com-秒速时时彩开奖图| www.a62.pw-吉林福利彩票3d| www.019049.com-福彩青蛙过河| www.404548.com-白菜彩铅画详细教程| www.6985.me-七星彩海南-| www.6217.wang-福利彩票25选5| www.51971.cc-河北快三三不同推荐| 5号彩www.595hc.com| www.md89.com-快三算法教程| www.498627.com-大乐透牛彩网预测| www.972621.com-彩铅画风景简单唯美| www.45641.cc-福彩三d图-| www.726286.com-手机咋买彩票| www.260887.com-足彩最新最快开奖| www.256150.com-app购彩-| www.786952.com-盛兴彩票网登录v3| www.2689.cm-体彩中心停机处理| www.188564.com-爱彩乐彩票网| www.8190.in-福彩8炫彩-| www.977717.com-世界杯福利彩票| www.720370.com-贵卅快三彩开奖| 福彩www.16878z.com| www.79af.com-体彩和值带线走势| www.tc38.cc-关于彩票的网名| www.455889.com-买彩票的道理故事| www.36156.com-凤凰快三-| www.bp24.com-福彩3d直选过滤器| www.793.tv-众彩双色球专家预测| 梦想彩票站www.43131i.com| www.43543.com-旺彩苹果app下载| www.157087.com-新浪彩票直播| www.682012.com-彩票工具一今日运势| www.818197.com-19040足彩-| www.82639.com-兰州彩票中心在哪里| www.542600.com-巨奖彩票情结| www.999079.com-v8汇彩网-| www.dn8.com-三分钟时彩-| www.403772.com-王刚讲故事八万彩票| www.911607.com-快三大小单双走势| www.990858.com-中国彩吧开奖结果| www.5865.xyz-延吉市彩票站| www.975666.com-先领证还是先给彩礼| www.092062.com-体彩店加盟-| www.276009.com-一分快三必中| www.287769.com-安卓彩票分析软件| www.456213.com-彩票机会打法| www.700010.cc-好彩客假吗-| www.286040.com-正彩彩票网站| www.10264.com-2019三月足彩| www.150836.com-玩彩票不贪心会赢吗| www.ra00.com-有没有人玩大发快三| www.2327.cm-时时彩半顺与顺子| www.704900.com-336时时彩app| www.47466.com-北京7星彩开奖号| www.727622.com-中国彩票官网网址| www.137431.com-彩票自身返点啥意思| www.295168.com-彩票数学公式大全集| www.980352.com-中国体育彩票6十1| www.49442.com-做彩票代理犯法吗| www.507179.com-分分时时彩开奖规律| www.940848.com-加州快三骗局| www.31472.com-足彩大小球哪里买| www.368111.cc-彩铅鲜红配色| www.132141.com-郓城彩礼新规定| www.544445.com-香港小财神彩票网| www.972622.com-彩铅画春天-| www.t52.club-118彩票官方苹果| www.20188.com-竞彩兑奖规则容错| www.191173.com-彩票教你如何看走势| www.246871.com-快三怎么充值平台| www.861560.com-彩界过客二胆预测| www.088829.com-彩票中奖窍门| www.730672.com-凤凰竞彩哪里下载| www.265761.com-彩金彩票骗局| www.228940.com-大发时时彩单期计划| www.593792.com-彩票在线选号| www.do07.com-彩票数字组合规律| www.8yw.cc-体育彩票哪年| www.956897.com-香港百彩网-| www.8957.space-重庆时时采彩怎么买| www.08159.com-鹤岗彩票大奖头条| www.026272.com-帮人买彩票赚佣金| www.852425.com-中福和彩-| www.958989.com-香港乐和彩一518| www.aj92.com-彩票开奖公告立| www.06ft.com-福彩双色球是真的吗| www.1592.wang-双彩论谈3d字谜| www.853745.com-专业玩彩人-| www.bg04.com-体彩大乐透下期分析| www.955.xyz-那种彩票最简单| www.100467.com-105彩票网安全不| www.sy62.cc-河南福彩开奖公告| www.59fy.com-中国福利彩票aqq| www.500566.cc-英国五分彩qq群| www.224694.com-彩票快三邦投| www.689553.com-王世辉彩票回血| www.063566.com-中国足彩竞猜网| www.193656.com-甘肃快三精准计划| www.304622.com-彩票双色球购买技巧| www.456477.com-什么彩票送注册金| www.27987.cc-浙江福彩领奖| www.819494.com-91计划彩票下| www.922931.com-彩票站的前景如何| 易彩网www.36166y.com| www.977965.com-天天好彩打一生肖|