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.44vl.com-uc彩票可靠吗| www.784180.com-038彩票网可靠吗| www.928717.com-来自旺彩社区人民钱| www.48082.com-山东省体彩中心电话| www.358905.com-七星彩开奖直播网址| www.157264.com-易彩网是不是诈骗| www.265901.com-北京快三遗漏数据库| www.365921.com-彩铅渐变画-| www.905603.com-竞彩混合过关计算器| www.987438.com-皇都彩票全部彩种| www.an91.com-江西快三怎么开奖| www.c39.cm-昨天体彩开奖| www.51139.cc-首页彩票走势网| www.224711.com-五分彩在哪里下载| www.175668.com-快三论坛-| www.399345.com-彩票开票规则| www.31655.com-东坝附近福利彩票店| www.028399.com-易彩票是真的么| www.040548.com-10十分彩-| www.835201.com-绿好彩爆一条| www.950645.com-时时彩反倍投方案| 500万彩票www.608389.com| www.rx89.com-分分钟中彩票app| www.22oh.com-福利彩票会过期吗| www.218408.com-彩票幸运农场秘诀| www.u26.cc-0c彩票-| www.49wb.com-3d彩票中奖查询| www.0551.live-山东真诀福彩第三版| www.6681.cn-大发彩票官方邀请码| www.886710.com-河北开乐彩-| www.74519.com-七乐彩七等奖| www.087026.com-福运彩票官网| www.007725.com-3g乐彩网-| www.953497.com-中国福利彩票网贴吧| www.752323.com-被网易彩票骗啦| www.654719.com-七星彩心灵码仙今天| www.790809.com-湖北快三360彩票| www.960484.com-注册送彩金赌场网址| www.iy19.com-中国足彩网旧版| www.69910.com-广西体彩电话| www.vl26.com-分分快三时时计划| www.117753.com-竞彩足球比500| www.910271.com-体彩开奖中国竞彩网| www.73561.cc-本期七星彩预测定位| www.638432.com-近似色彩构成图片| www.418893.com-经营彩票站利润分析| www.945631.com-福建体彩90512| 盛彩网www.41518o.com| www.g61.club-彩乐园1下载| www.783992.com-凤凰v彩票-| www.254873.com-500彩票快三网站| www.338012.com-福彩今晚开什么码| www.523718.com-时时彩规律论坛| www.965175.com-福彩快三微信群| www.839806.com-四川省福利彩票中心| www.004303.com-体彩排列五出奖号| www.107228.com-彩票店网上接单| www.93dh.com-最早的彩照-| www.3084.biz-超级赛车彩票| www.005436.com-广东福利彩票走势图| www.567094.com-江苏福彩江苏体彩| www.739704.com-彩票苹果-| www.zg01.com-彩票推荐最好的办法| www.69ai.cc-皇冠国际体彩| www.418521.com-七星彩抓奖规律| www.224645.com-五分快三倍投| www.311252.com-甘肃快三振幅遗漏| www.02586.com-哪些网上彩票公司| www.58297.cc-荷兰三分彩怎么玩| www.066758.com-下载u9彩票软件| www.689272.com-上海福彩选四综合| www.771289.com-网上快三输了谁得利| www.886506.com-购彩app下载| www.951648.com-亚洲彩票稳赢方法| www.996464.com-龙江体彩七星彩| www.ba21.com-内蒙福彩网快3| www.563895.com-淘彩票福彩快三网| www.678832.com-棋牌电玩城送彩金| www.774645.com-七乐彩复式10中5| www.861210.com-福彩直播间下载| www.937108.com-七乐彩中奖计算器| 购彩在线www.66332d.com| www.714009.com-老柳玩福彩3d| www.845600.com-什么是竞猜型彩票| www.966185.com-家彩网app下载| www.fd26.com-百彩网网址-| www.9fx.com-体彩四等奖有多少钱| www.8867.vip-北京五分彩app| www.762573.com-彩票批发多少钱一张| www.862842.com-3d开奖七乐彩开奖| www.928360.com-鸿鑫彩票骗局揭秘| www.977705.com-足彩让球胜平负规则| www.cai2224.com快三预测号-| www.230358.com-33.cc彩票-| www.330321.com-彩吧第一版图库| www.408700.com-彩票站啥时候放假| www.476045.com-北控集团和北控国彩| www.365298.cc-彩票网注册送彩金| www.769566.com-好彩店比分-| www.843409.com-铜胆中彩专家专栏| www.907161.com-福利彩票几位数| www.965455.com-彩神最高邀请码| 9号彩票www.80767k.com| www.762208.com-竞彩足球有哪些软件| www.842147.com-金什么彩票-| www.904233.com-附近福利彩票投注点| www.961889.com-时时彩单双怎么买| 易彩集团www.25688h.com| www.890564.com-7彩网怎么下载| www.23608.com-新彩票是骗局揭秘| www.67gf.com-湖北福彩十分| www.164234.com-体彩nba竞猜规则| www.277361.com-正版彩票指南报纸| www.368571.com-爱购彩票有几个版本| www.494118.com-今天福彩3d彩涂| www.585992.com-网上彩票赌博靠谱吗| www.655772.com-爱彩彩网下载| www.759853.com-云南时时彩走势| www.830567.cc-印象彩票手机客户端| www.906308.com-微信黑彩快3群| www.971202.com-福彩快三有模拟器吗| 乐彩网www.lcw997.com| www.18hq.com-易彩票趋势图表| www.92xq.com-怎样玩五分钟快三| www.275797.com-彩票平台自己的彩种| www.365272.cc-1分快三在哪里玩| www.461489.com-排列五彩票开奖| www.770928.com-七彩阳光广播操图解| 中彩网www.91233s.com| www.rk71.com-北京快三路线电话| www.997707.com-天津体彩快中彩| www.603675.com-梦到自己开彩票店| www.242199.com-刮彩票的破解方法| www.84982.com-今日福彩开机号| www.073789.cc-彩票平台招代理| www.4677.cn-一元彩票网站有哪些| www.176750.com-江苏快三中奖助手| www.3397.cn-58彩票公司-| www.17508.com-彩票店转让被骗| www.568601.com-网上兼职投彩诈骗| www.263819.com-7号彩票-| www.363714.com-彩虹都是七种颜色吗| www.238818.com-骗感情买彩票| www.167050.com-快三免费计划软件| www.gt88.com-买彩票网站-| www.t14.shop-桐梓彩民中奖| www.42qx.com-彩钢棚做法详细图解| www.3463.cc-彩票每天都可以买吗| www.8376.cn-旺角彩皇丶资料大全| www.b22.space-彩票开奖大乐透规则| www.029036.com-三彩彩票是诈骗的吗| www.189214.com-体彩走势图乐彩网| www.646068.com-分分彩怎么刷水| www.lx4.com-内蒙古快三彩票玩法| www.5760.cm-摇彩票的软件下载| www.118838.com-体育彩票多少个数字| www.208518.com-中国福利彩票怎么查| www.266985.com-彩票表格-| www.331704.com-彩票走势图表格制作| www.386428.com-新火彩票手机版| www.21048.com-西甲竞彩预测| www.823924.com-三彩服饰旗舰店| www.899832.com-彩83下载苹果| www.954895.com-跑马彩票官网|