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.227091.com-c168彩票信誉好| www.620951.com-天空彩票高手网| www.405163.com-潍坊彩铃制作| www.567951.com-迅赢彩票-| www.999778.cc-天冠彩票是否正规| www.wx29.com-百宝彩青海快三| www.71sd.com-恒彩和都都装饰| www.5213.org-体彩湖南幸运赛车| www.956446.com-彩泥手工-| www.ra21.com-时时彩赚钱秘籍| www.8he.cc-南京福彩3009万| www.629831.com-993彩票官网| www.455011.com-青岛福彩中心官网| www.4236.org-陕西三彩集团| www.381738.com-山东泰安体彩巨奖| www.9678.org-快彩网址-| www.1778.me-246天天免费好彩| www.839882.com-责任彩票是什么意思| www.432308.com-会员登录8g彩票| www.799728.com-彩票中奖都是命| www.661783.com-福彩十二生肖网站| www.439977.cc-中彩那天精美词语| www.95kk.com-彩票中奖的顺口溜| www.3306.biz-彩色简笔画圣诞老人| www.9562.biz-七星彩票开奖图| www.2477.wang-果彩票网-| www.8776.me-彩票亏损分红的网站| www.33024.com-福建福彩双色球走势| www.944765.com-彩票之家免費下載| www.6503.cn-七乐彩推荐汇总| www.658932.cc-三b彩票开奖| www.994249.com-微彩是正规的吗| www.jn50.com-百事彩票快三| www.63134.com-香港6喝彩开奖结果| www.034981.com-彩71是做什么的| www.523529.com-台湾五分钟彩走势图| www.38ww.cc-彩库宝曲最新开奖| www.192022.com-福彩和夸走势图| www.960045.com-彩票注册送彩金吗| www.be92.com-易彩网是骗局吗| www.179333.com-七星彩玩法开奖结果| www.266867.com-中国福彩海南快三| www.ig96.com-什么网站还能买彩票| www.654197.com-8号彩票黑人平台| www.081332.com-买彩票中奖的八字| www.165053.com-体育彩票任选九开奖| www.734443.com-19041足彩推荐| www.631256.com-七色彩票-| www.741186.com-江苏快三数据| www.836606.com-体彩出啥号-| www.926078.com-福利彩票有哪些类型| www.989261.com-818彩票下载| www.ej74.com-北京快三微信群| www.u24.me-福彩3d胆码排序图| www.67rq.com-上海彩票中奖去哪领| www.1187.pw-江苏快三微信导师| www.26297.cc-手游彩-| www.110730.com-650彩票-| www.xc45.cc-南国体彩七星彩论坛| www.755752.com-旺彩全国开奖| www.881428.com-竞彩串场推荐| www.127913.com-画彩虹-| www.224457.com-胜利彩票无法提款| www.788255.com-足彩18088-| www.041218.com-买彩票能中大奖真相| www.518189.com-下载559彩票| www.639487.com-彩票吧台装修效果图| www.5538.vip-中国福彩五分彩网站| www.24351.com-彩铅画黄昏-| www.6259.biz-九彩-| www.28928.com-有真中彩票的| www.96223.cc-辽宁体彩排列三预测| www.51si.com-苏州中奖彩票| www.095759.com-福建快三实时开奖| www.784702.com-乐米炫彩app| www.878617.cc-上饶体彩领奖在哪里| www.953188.com-新加坡乐和彩网站| 福彩网www.60007d.com| www.848503.com-青蛙彩票网-| www.678816.com-快购彩票是啥| www.787972.com-陆慧明足彩今日任九| www.868020.com-808七星彩加急版| www.49182.com-极速时时彩开盘时间| www.307949.com-分分彩任二万能号| www.383269.com-彩票今晚是多少| www.471456.com-泊利彩票平台可靠不| www.553000.com-彩票无神计划时时彩| www.662252.com-七彩乐开奖-| www.731336.com-怀城体彩店app| www.886787.com-大大中彩票app| www.970701.com-中国彩票最新法规| www.di32.com-热门彩种下载| www.505708.com-九二二四六天天彩图| www.645150.com-教你玩快三的人| www.771115.com-乐彩33手机app| www.916785.com-守信彩票网页版| 500万彩票www.39500j.com| www.vd60.com-智慧彩本地应用| www.44qr.com-竞彩反卖法-| www.5273.pw-体育彩票上班时间| www.29517.com-老时时彩搜狗| www.18252.cc-彩票大奖兑奖流程| www.02wv.com-淘彩是什么东西| www.82257.com-彩票投注平台骗局| www.328199.com-微彩吧是什么意思| www.425595.com-茗彩注册登录| www.526301.com-万国彩票-| www.611610.com-彩神国际破解版| www.689573.com-9号彩票app下载| www.766873.com-时时彩网投下载| www.020452.com-彩34-| www.777663.com-欢乐十分彩开奖结果| www.860791.com-七星彩南国论坛了之| www.928489.com-肖立刚快三推荐今天| www.981876.com-那个可以网上买彩票| www.gi53.com-买快三大小怎么看| www.xe03.com-甘肃快三推荐群| www.41ls.com-亿菲彩票官方网站| www.481.date-彩票福彩论坛| www.636273.com-一年彩虹短文阅读| www.772914.com-彩票帮投是什么| www.882618.com-杭州易彩是骗局| www.978825.com-雷好彩1预测| www.cp0855.com-快彩中奖助手| www.486455.com-足彩实单推荐| www.582136.com-879彩票平台| www.665450.com-机选七乐彩一柱| www.732068.com-彩票中奖多少天过期| www.800038.cc-体彩大乐透计算公式| www.871498.com-手机看彩票的软件| www.934302.com-双色球彩经网杀号| www.984208.com-3d图吧彩吧第一版| www.cp768.cc-恒博快三网-| www.hv48.com-北京快彩开奖| www.ww63.com-南方双彩首页| www.783578.com-彩吧vip网页| www.882577.com-可靠的高频彩种| www.130554.com-爱彩下载-| www.278187.com-分分钟中彩票app| www.446233.com-彩票源码免费| www.600768.com-一张彩票可以买几注| www.37896.cc-福彩3d专家点评| www.84556.com-山东彩板今日价格| www.00571.com-彩票店加盟电话| www.73188.com-好盈彩票聊天室| www.553297.com-竞彩百家欧赔| www.171286.com-彩票开奖结果查询| www.865569.com-彩票怎么中大奖呢| www.3719.biz-七星彩本期预测码| www.87982.com-世纪佳缘骗你买福彩| www.298092.com-ho123彩票网| www.49400.com-江苏快三玩法介绍| www.971741.com-9万彩票安卓| www.227761.com-众彩彩票-| www.203111.cc-湖北省福利彩票官网| www.340139.com-购买高频彩票的技巧| www.821999.com-3d彩漫隐身恶魔| www.890676.com-倍率高的彩票网站| www.952427.com-k彩_彩民-| www.993645.com-注册送388彩金| www.sd1.com-上海体彩兑奖地址| www.sh92.cc-手机时时彩app| www.055723.com-福利彩票几位数| www.132097.com-下载一定牛彩票|