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.093610.com-手机高频彩票网| www.647424.com-网易彩票在那下载| www.298859.com-下载天天彩票最新版| www.729948.com-九鼎彩票app| www.34259.com-彩客网触屏版请打开| www.565.la-极速赛车是官方彩吗| www.77511.com-球探彩客彩票登录| www.212340.com-什么彩票平台稳| www.523523.com-幸运5分彩开奖| www.0814.org-足彩店利润在哪| www.820077.com-彩票怎么买才能赚钱| www.909898.cc-时时彩正规网站大全| www.982452.com-鸿彩app官网| www.jn98.com-潮信彩票群-| www.585053.com-诺亚时时彩安全吗| www.654501.com-台州福彩官方网| www.870814.com-盛世彩票投注平台| www.cai30.cc-宁夏福彩快三走势图| www.852393.com-时时彩中奖预测| www.930962.com-七星彩什么号提醒| www.cp7339.com-什么是快三-| www.rx99.cc-苹果手机怎么买彩票| www.08gw.com-体彩六十1-| www.mf61.com-福彩快乐十分| www.1697.wang-网彩平台注册就送钱| www.70909.cc-彩票的中奖号码查询| www.597816.com-幻彩紧致晚霜| www.687220.com-竞彩足球开奖赛果| www.fn76.cc-福利彩票下载手机版| www.591127.com-不给彩礼的男方父母| www.690950.com-彩22官网下载| www.792503.com-大连福彩管理中心| www.875673.com-福彩排列五中奖结果| www.952241.com-希望彩票注册邀请码| 网购彩票www.cp7777b.com| www.328400.com-彩票精英-| www.285266.com-时时彩一星倍投表| www.79888.com-中国体育彩票微信号| www.036812.com-竞彩官方欧赔对比| www.138254.com-手机版新彩网分析| www.670060.com-双色球凤彩网杀号| www.828974.com-微彩吧是骗人的吗| www.897636.com-彩票店开业的宣传语| 818合彩www.www.1555hc.com| www.661777.com-竞彩博大球-| www.848779.com-彩光嫩肤美白| 彩多多www.78949l.com| www.c80.in-幸运5分彩怎么玩法| www.76vf.com-福彩刮刮乐印刷厂| www.057963.com-双彩追加和值谜汇总| www.404638.com-彩铅画需要的工具| www.262671.com-福彩开奖查询询| www.3093.org-彩神计划群-| www.374102.com-新浪手机彩票| www.690592.com-信彩票下载安装| www.778844.com-花猫3d彩报-| www.863495.com-彩票网站制作| www.934300.com-彩票智博微商城| www.992953.com-双色球彩经网走势图| www.cq52.com-玩网络彩票违法吗| www.we46.com-山东体彩领奖| www.15io.com-体彩电视机怎么安装| www.93mo.com-彩色的风景画| www.149.biz-彩虹天堂的歌词含义| www.19nr.com-山东肥城福利彩票站| www.3315.cn-彩神附体专家专栏| www.204125.com-神彩争霸网址是多少| www.314880.com-最好的彩票分析软件| www.399800.com-来彩彩票020平台| www.0779.cc-亿彩彩票手机客户端| www.532422.com-英国幸运5星彩开奖| www.980556.com-彩票源码平台出售| www.924476.com-福利彩票十大巨奖| www.987633.com-牛彩字迷总汇| www.xd9.com-青海省快三开奖结果| www.zf82.com-开心彩票骗局| www.507692.com-世界彩票三级认证| www.629188.com-彩票销量排行榜| www.9615.net-竞彩不允许卖过关票| www.886390.com-登陆好运来彩票| www.7878.biz-智胜彩票下载| www.089192.com-北京pk拾是福彩吗| www.337568.com-湖北快三在线购买| www.12qy.com-8亿彩官网下载苹果| www.9019.pw-澳门时时生肖彩| www.97758.com-三宝生活体彩屋| www.166134.com-贵州快三今天开奖| www.384614.com-安徽省体彩发行中心| www.602038.com-计划彩票助赢群| www.793138.com-玩彩票被骗怎么办| www.8240.loan-彩票和投资的关系| www.636093.com-彩虹六号第一年干员| www.818432.com-福彩中奖去哪里领奖| www.973640.com-福彩双色球周四蓝球| www.pn88.cc-彩868彩票-| www.358913.com-七星彩怎么知道得奖| www.557087.com-vr彩票为什么总输| www.66253.cc-网页时时彩做号工具| www.813887.com-河北体彩每周开奖| www.660841.com-福彩开奖结果下载| www.240969.com-彩票选号神器软件| www.01fh.com-中国彩票真假如何| www.95.hk-红牛福利彩票双色球| www.ba06.com-内蒙古福利彩票网址| www.c91.in-中彩乐下载-| www.99pa.cc-鳄鱼说彩-| www.594.net-十大彩票网站| www.211432.com-有没有快三准确计划| www.362471.com-彩虹山的形成过程| www.535625.com-中过大奖的彩票| www.im6.cc-内蒙古新快三| www.cp0077.com-中国彩票快三平台| www.wv02.com-七乐彩预测号码分析| www.549788.com-去体彩店怎么买彩票| www.832106.com-体彩竞猜网站| www.968590.com-瑞彩国际-| www.jm04.com-彩61骗局-| www.47km.com-福彩双色球购彩技巧| www.85hm.com-飞彩网-| www.60520.com-世博彩软件app| www.42rw.com-彩钢瓦使用寿命| www.098199.com-福利彩票3d下载| www.497520.com-彩票pk10计划| www.020994.com-体彩排三百位走势图| www.101283.com-足球胜负彩预测分析| www.179512.com-快三计划群有托的吗| www.33140.com-彩500vip-| www.731403.com-彩票兼职平台| www.873817.cc-足球彩票怎么看主队| www.970882.com-彩票有哪几种类型| www.cp9776.com-竞彩app哪个正规| www.659140.com-香港福彩门户网址| www.53817.cc-横沥东方亮彩| www.153368.com-体彩是几位数选6| www.261311.com-凤凰vip彩票网| www.pe55.com-河北快三对子号分析| www.792776.com-彩票中奖符如何画| www.797501.com-晶彩8680手机| www.919556.com-群英会走势图彩经网| 彩票大家乐www.21202s.com| 博友彩www.978913.com| www.722872.com-好彩票7168-| www.2606.pw-e77乐彩登录平台| www.60126.com-代办彩票店-| www.095120.com-福彩三地双彩图| www.9796.loan-快三现场开奖| www.065492.com-彩铅画简单的花| www.29311.cc-天天彩选四最新开奖| www.98657.com-快三筛子-| www.103998.com-彩票主人背手| www.196555.com-安徽省快三查询| www.659826.com-远途国际彩票网站| www.744682.com-彩之堂app234| www.984214.com-广东彩票手机版| www.139613.com-彩盈娱乐合法吗| www.302821.com-38博白菜博彩论坛| www.16dr.com-金盏离彩红路有多远| www.96zi.com-竞彩足球怎么抓平局| www.eb66.com-十选五彩票-| www.gx81.com-共享彩票-| www.397297.com-彩票2019期-| www.526709.com-福彩专用音乐| www.603712.com-兑奖后的彩票| www.657356.com-彩票2元网可靠吗|