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.850939.com-足球360胜负彩| www.584.pw-玩彩对刷怎么赚钱| www.23763.com-重庆实时彩玩法| www.380621.com-福利彩票微信头像| 500彩票www.397477.com| www.434518.com-贵阳市体彩兑换地址| www.584918.com-彩家网-| www.716202.com-彩铅画润玉-| www.63rs.com-彩票源码免费| www.38bt.com-彩铅画动漫工具| www.298385.com-冀彩宝购彩大厅| www.919002.com-线上博彩靠谱| 福彩www.26878s.com| www.309185.com-伊布都和三彩| www.402688.com-福彩机选一注号码| www.6323.biz-彩绘的意思-| www.13699.cc-连中彩彩票官网| www.55389.com-时时彩盘子怎么做| www.004902.com-上期中奖彩票号码| www.964996.com-中国福利彩票造假| www.cp6112.com-移动彩票app| www.mr49.com-快三哪里可以买到| www.2pf.com-彩票站帮忙买彩票| www.65qx.com-彩运连连双色球| www.0592.mobi-小小虎3d彩报| www.454954.com-国乐彩会崩盘吗| www.140088.com-快三车站-| www.216253.com-大马彩票平台| www.77166.cc-彩票必赢软件| www.061047.com-彩票店副业-| www.250110.com-505彩票软件| www.337190.com-智慧彩挂机软件说明| www.534392.com-分分彩怎么玩怎么输| www.676671.com-七星彩排列五局王| www.780268.com-开彩票平台-| www.872542.com-下载山西体育彩票| www.964762.com-一分时时彩开奖记录| www.en1.com-吉林快三买豹子技巧| www.54oi.com-福彩销售点的销售额| www.167392.com-河南快三基本走势图| www.275819.com-彩票贴吧论坛百度| www.400160.com-酷浪七星彩1988| www.fi64.com-福利彩票快3奖金| www.t67.space-谦喜彩票计划网| www.68em.com-谨姝斯人若彩虹| www.0819.org-体彩买欧冠怎么买| www.630328.com-彩票福彩15选5| www.711009.com-足球竞彩比分直播网| www.810929.com-彩票走势规律| www.893585.com-红五彩票-| www.956981.com-hk彩网-| 500彩票www.500021.com| www.ph39.com-8号彩票app-| www.8in.cc-老谢说彩七星彩| www.63ja.com-黄金换彩金划算吗| www.0535.cn-骰子彩票快三技巧| www.129199.com-福彩最新开奖| www.385095.com-彩票源码社区| www.187299.com-时时彩看计划稳赢| www.279579.com-腾讯时时彩app| www.168622.com-快三中奖金额| www.273345.com-福利彩票的用途| www.327662.com-福彩3d矩阵宝典图| www.456159.com-玩彩票心态-| www.586835.com-上海竞彩足球店| www.671989.com-体彩19019开奖| www.753376.com-k彩下载-| www.883670.com-彩排三-| www.960465.com-大发快3分分彩| 600万彩票www.362322.com| www.911284.com-k彩福地登录不上| www.127679.com-彩虹岛怀旧经典游戏| www.050886.com-星光彩票平台| www.1517.cc-内蒙体彩公众号| www.949546.com-有盈彩票app| www.792770.com-浙江省体育彩票兑奖| www.075888.cc-买2块彩票中多少钱| www.8081.loan-彩票摇色子-| www.67745.com-婚恋被骗博彩10万| www.90544.com-真三国无双星彩| www.157579.com-足彩比分技巧牛人| www.333670.com-彩票送28-| www.848369.com-两分时时彩开奖公告| 爱上彩票www.ascp3.com| www.035686.com-红彩会555-| www.78733.cc-足彩开奖及奖金| www.084735.com-福彩三地新彩吧| www.78we.com-体彩篮球竞彩网| www.153701.com-福彩3d买大小玩法| www.235721.com-齐鲁彩票开奖| www.147159.com-彩先知彩票机| www.cp635.com-彩神官方网站登录| www.04li.com-彩票app升级维护| www.79ug.com-极速快三大小技巧| www.5100.in-禧彩3d之家-| www.596941.com-利盈平台彩票| www.578935.com-福彩3d杀码图专区| www.611560.com-长春彩溢会馆| www.44ii.cc-彩96领导者-| www.8502.vip-中彩双色球预测| www.88575.cc-微信足彩怎么买| www.414762.com-七彩蓝田投资怎么样| www.548937.com-彩播贝贝密码房合集| www.784883.com-七星彩今天开奖| www.862576.com-七彩乐开奖号| www.ey8.com-重庆时时彩走势图| www.93fn.com-快乐3分彩-| www.577142.com-陕西快开型彩票| www.735605.com-百分百彩票可靠吗| www.930611.com-37皇冠彩票网| www.kk86.com-王牌彩票app下载| www.67rd.com-百乐门彩票技巧| www.196060.com-江西快三技巧| www.439896.com-中彩票巨奖的人是谁| www.851330.com-大发时时彩玩的规则| www.2262.cn-彩票赛车技巧| www.983175.com-盈彩吧双色球| www.14cu.com-百乐彩怎么下载| www.019796.com-星彩3d高手-| www.235930.com-澳客网竞彩足球| www.716293.com-炫乐彩票安卓版| www.535998.com-彩票游戏不提现| www.722548.com-599彩票官网上| www.971204.com-七星彩中奖概率最高| www.j79.me-乐博现金网彩票游戏| www.8657.org-真实中奖彩票事例| www.78858.com-新彩网。-| www.740654.com-博彩qq群-| www.7558.com-大通彩票路线| www.37571.com-福利彩票多久没中了| www.305092.com-福彩3d今天开奖吗| www.543403.com-信嘉彩票网站被骗了| www.657009.com-时时彩是可以赚钱的| www.754591.com-一分钟双彩网app| www.872653.com-彩票超级高手求职| www.964396.com-快三投注-| www.cp1234.cc-三分快三精准计划| www.575785.com-世界杯体育彩票停售| www.86461.com-买彩票有发财的吗| www.647092.com-十四胜负彩预测分析| www.713830.com-彩神x合法吗| www.775116.com-怎么买一分快三| www.838958.com-蓝莓爆珠好彩香烟| www.898430.com-重庆时彩刷返点技巧| www.957346.com-7星彩开奖结果网易| www.998948.com-靠谱的竞彩app| www.al55.com-福彩了d图迷总汇| www.204733.com-内蒙快三财经网| www.cf29.com-世界杯足彩网上投注| www.2227.pw-梦见彩票中奖数字| www.048614.com-福彩三地东北彩霸3| www.501548.com-易彩票网页-| www.730478.com-老梁说彩票巨奖| www.61vj.com-福彩排列三今天预测| www.hn17.com-好彩36开奖结果| www.09dw.com-01彩票在哪里下载| www.759.live-牛图网3d福彩| www.079006.com-七星彩1976期| www.170466.com-彩票查询表-| www.899799.com-福利彩票店装修成本| www.522279.com-相年富彩之网| www.495638.com-看福利彩开奖结果| www.657113.com-时时彩自动计算软件| www.150113.com-全民中彩票官方网站|