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.783108.com-新星彩网址手机版| www.507655.com-彩票网推荐幸运之门| www.113230.com-苹果版下载彩票| www.813559.com-宁夏彩票中心在哪里| www.010424.com-981彩票-| www.789231.com-外围竞彩软件哪个好| www.cai6000.com内蒙古快三开奖号| www.5342.org-新手买彩票那种好| www.252111.cc-中彩网首页图表| www.403663.com-福利彩票隔期走| www.567262.com-跟买彩票是骗局吗| www.738285.com-墨菲定律应用于彩票| www.63oj.com-自己搭建彩票| www.8705.shop-彩票中奖海南| www.55320.cc-7星彩开奖结果| www.033025.com-本期七乐彩中奖号码| www.143186.com-豪彩彩票官方网站| www.288986.com-彩神苹果版下载网址| www.462875.com-快三平台流水| www.603271.com-福彩线上投注| www.695282.com-大发快三软件开发| www.860641.com-彩38登录-| www.kp1.cc-快乐十分快三助手| www.26231.com-曼谷十分彩真的假的| www.204978.com-河北快三和值走势图| www.868931.com-王刚讲故事东北彩王| www.967853.com-探探彩票男-| www.219327.com-杭州快乐彩玩法| www.440307.com-哈尔滨福彩出租出兑| www.560596.com-云彩网彩票正规吗| www.696982.com-七星彩胆拖怎么玩| www.830403.com-彩票牌照查询软件| www.410.me-体彩三亿大奖| www.849140.com-福彩3d最准杀码公| www.958439.com-彩九怎么下载安装| www.279296.com-0500时时彩下载| www.441520.com-北京28彩票平台| www.654007.com-谁有送彩金的网投吗| www.881168.com-赢家彩票邀请码多少| www.14ul.com-彩票追加和双倍| www.136293.com-梦想彩票下载苹果版| www.68gt.com-怎么查彩票站真假| www.855381.com-技术彩民的彩票专栏| www.004563.com-福彩七乐彩开奖顺序| www.249000.com-购彩app哪个好| www.050022.com-福彩3b今晚开奖号| www.219319.com-福建福彩兑奖| www.365856.cc-七乐彩开奖顺序| www.106180.com-彩票高手123| www.68621.cc-新加坡天天彩资料綱| www.865520.com-彩票好中奖么| www.229320.com-彩59这个app| www.366870.com-彩铅画多肉虹之玉| www.572847.com-6彩资料-| www.731784.com-最新8k彩票网站| www.867170.com-v8彩票5048| www.830263.com-567彩票ios-| www.817123.com-江苏快三一定推荐| www.927612.com-南京福利彩票中心| www.jx90.com-七星彩选号秘诀| www.382446.com-乐透啦彩票是否正规| www.649892.com-彩宝贝杀号定胆网| www.837720.com-彩票app官网下载| www.060715.com-新浪彩票双色球数字| www.217520.com-彩神官网-| www.428198.com-福彩三g开奖| www.563665.com-狗万是什么彩票软件| www.729529.com-包头市彩票站点大全| www.877467.com-七天彩票注册网站| www.758300.com-福彩怎么提成| www.28535.com-彩票新3d交流群| 乐彩网www.312299.com| www.131807.com-四川成都彩礼价格表| www.267411.com-竞彩2串一-| www.388276.com-67彩合法吗-| www.604211.com-688彩票是真的么| www.703967.com-新彩网i-| www.819493.com-易中彩票娱乐| www.985439.com-彩票充100送30| www.ao07.com-老谢说彩公众号| www.p47.net-福彩通app注册码| www.552805.com-彩名堂做假-| www.95552.cc-天天中彩票免费提现| www.110172.com-帝皇彩票下载安装| www.236916.com-竟彩比分-| www.360409.com-快乐双彩开奖说明| www.415.net-网上买彩票输了想死| www.6342.cc-彩票能刷八码平台| www.84666.cc-福彩3d研究心得| www.101940.com-竞彩8串1最高奖金| www.252566.com-中彩网提现-| www.367878.com-体彩6?1玩法| www.503660.com-萍彩娜-| www.603690.com-物超所值的彩票程序| www.700049.com-瑞彩祥云手机app| www.809990.com-高效办理的体育彩票| www.906655.com-福利彩票号码是哪些| www.mt94.com-彩宝宝苹果版下载| www.360100.com-足球彩票销量排行榜| www.720096.com-购买足彩技巧经验| www.827608.com-3分彩软件-| www.989016.com-彩票分析思路| www.aw63.com-牛彩字谜总汇| www.5738.cm-乐彩网胆码排序图| www.32681.cc-体育竞彩赛果| www.82257.com-彩票投注平台骗局| www.116545.com-赢彩吧下载-| www.266490.com-大公快三秒订餐电话| www.378449.com-幸运彩苹果系统下载| www.531206.com-制作彩票软件下载| www.658922.com-1234彩票app| www.819.cn-彩宝贝彩票专家原创| www.08397.com-体育彩票站点| www.79029.com-七乐彩跨度表| www.092191.com-手机新浪爱彩网| www.239385.com-彩神大发快三app| www.363748.com-彩虹色的花-| www.490510.com-天猫国际城彩票平台| www.621110.com-彩票红利官方入口| www.750691.com-彩经彩票下载安装| www.g60.cc-体彩排列三定胆最准| www.77ez.com-彩票指南报纸风采网| www.4819.vip-盈利彩app-| www.225774.com-5亿彩是干什么的| www.937903.com-云彩厅彩票是真的吗| 大赢家彩票网www.544092.com| www.vp77.com-福彩3d吧图迷| www.cai2511.com安徽快三开奖结果快| www.887122.com-22彩票坑人-| www.696759.com-皇家时时彩宝典| www.871534.com-彩票用什么软件好| www.987323.com-福彩大赢家走势图| www.7838.loan-职业买彩-| www.035101.com-至尊彩网址登录| www.345007.com-9999彩票网-| www.652116.com-葡京彩票是什么骗局| www.967442.com-福利彩票交流微信群| www.wl20.cc-彩票怎么看-| www.2943.org-福利彩票怎么算奖| www.85658.cc-福彩金码千禧| www.86uw.com-彩票核对提示语| www.8235.cn-pk彩莱利彩票| www.58018.com-体彩大乐透兑奖规则| www.035637.com-福利彩票励志广告语| www.773507.com-365彩票提现| www.413717.com-精彩分享-| www.555426.com-新利福彩3d怎么事| www.826422.com-体育彩票刮刮乐种类| www.957103.com-金利彩票能玩吗| www.cai8802.com大发快三怎么抓和值| www.59639.cc-好盈彩票app下载| www.067622.com-3d彩票走势图大全| www.213693.com-湖北快三软件| www.381278.com-三d福彩开奖结果| www.588598.com-大地彩票777dd| www.393353.com-丹东福彩3d故事| www.716619.com-彩铅画动物毛发排线| www.77459.com-彩票走势图显示屏| www.572195.com-任我赢彩票智能投注| www.689635.com-保定彩票站申请| www.773059.com-彩票中奖计算方法| www.832090.com-福彩3d千万派奖| www.910624.com-全民彩票电脑版| www.979077.com-500彩票是假的吗|