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.569887.com-时时彩半顺与顺子| www.g66.top-大乐透免费预测彩经| 旺旺彩票www.764499.com| www.299845.com-广西今天快三结果| www.501295.com-易彩堂是怎么赚钱的| www.203661.com-福彩基诺玩法新规则| www.550957.com-彩票合买方案微信| www.96233.cc-体彩足球竞猜胜负| www.369904.com-123会员彩票官网| www.737631.com-福彩电脑版3d诗谜| www.860717.com-凤凰彩票平台网址| www.936808.com-篮球彩票分析软件| www.994624.com-彩票中奖者心得| www.ar48.com-快乐彩33-| www.112101.com-泰安彩票弃奖| www.219389.com-河南彩礼排行| www.282519.com-时时彩必赢买法| www.432279.com-玖富彩票app| www.565189.com-今天的彩吧图第一版| www.666018.com-彩虹科技股票行情| www.771838.com-体彩竟彩足球胜| www.874232.com-博彩源码-| www.951112.com-天天体彩app| 易彩网www.36166n.com| www.069038.com-彩票争霸1下载| www.478418.com-思乐彩票机键盘说明| www.587397.com-篮球竞彩推荐软件| www.670328.com-七星彩票开奖图| www.771990.com-东方彩票会员登录| www.3346.in-彩票有走势吗| www.925176.com-彩代表什么意思| www.yf90.com-足彩开奖结果查询| www.7427.pw-福彩公益球-| www.fx1.com-哪个彩票是6位数| www.450234.com-彩票网投app| www.593951.com-北京七波彩国际贸易| www.678642.com-彩票注册即送彩金| www.119390.com-广发团队快三彩票| www.10791.com-彩票3加1中多少钱| www.260939.com-北京快三三同号遗漏| 网易彩票www.554363.com| www.96ln.com-高频彩计算公式| www.9289.wang-彩票33怎么下载| www.383775.com-怎么调用彩票接口| www.091459.com-希望彩票官网平台| www.fq50.com-兼职玩快三-| www.sh64.com-43彩票-| www.955.club-现在哪个彩票最好| www.56450.com-购彩汪官方大乐透| www.055490.com-新浪体彩开奖视频| www.129485.com-众彩网app苹果| www.367975.com-七星彩最新番外| www.799464.com-彩吧彩票勇士团队| www.883272.com-快乐网彩票是真是假| www.405291.com-七星彩按顺序走吗| www.16299.cc-足彩开奖比分直播| www.80be.com-105彩票红包有抢| www.1398.vip-软件彩票app| www.035019.com-彩票50倍-| www.930508.com-分分彩开奖纪录下载| www.cp254.com-甘肃快三祥查| www.26ye.com-手机澳客彩票网首页| www.sc05.com-移动彩票售卖机| www.40no.com-国家规定彩礼多少钱| www.751.gg-重庆时时彩三星| www.01qq.com-官崎彩作品-| www.76cd.com-中国体育彩票六等奖| www.1394.vip-高频彩有哪些| www.il43.com-今日彩app下载| www.119464.com-福彩快三是不是假的| www.2463.cc-今天东盛彩报1| www.0226.cc-福彩3d大花虎预测| www.891679.com-彩票开奖提醒| www.964062.com-彩票分析师职业| www.cai218.com-吉林快三平台| www.167615.com-快三最大网站| www.x66.org-八亿彩靠谱吗| www.13346.com-足彩串怎么算倍数| www.793382.com-体育彩开奖-| www.879488.com-多乐彩票网站骗局| www.948829.com-乐彩论谈静态版| 8号彩票www.60108u.com| www.208119.com-体彩竞彩足球规则| www.16933.com-新e时时彩平台| www.617055.com-白山市体彩中心电话| www.725028.com-福彩3d选号王评论| www.801638.com-奔驰彩票官网| www.873744.com-彩票源码平台出租| www.491041.com-3d叶双胆图彩报| www.557719.com-大赢家彩票合法吗| www.629312.com-天天种彩票下载安装| www.694464.com-竞彩网篮球-| www.766157.com-永9购彩票是真是假| www.830340.com-查询彩票的最好软件| www.895603.com-天天乐彩票合买大厅| www.959504.com-彩66金鹰pk10| 吉利彩票www.80065p.com| 500彩票www.50064q.com| www.136636.com-贵宾室彩票用户注册| www.661561.com-足彩教程-| www.cp6991.com-江苏快三赚钱靠谱不| www.bv27.com-福彩快三宝典| www.317585.com-可以做职业彩民吗| www.520096.com-福利彩票前面中三个| www.12343.com-手机自助购彩| www.709528.com-境外网络彩票诈骗| www.927713.com-属兔买彩票号能中奖| www.ic12.com-快三怎么买才赚钱| www.993329.com-彩神彩票网官方端口| www.ug3.cc-湖北福彩百宝彩快三| www.nk88.cc-竞彩交易-| www.8702.cm-彩票开p62-| www.cp6811.com-内蒙古快三跨度图| www.520749.com-福彩3d手机论坛| www.625022.com-奖多多彩票网骗局| www.0663.gg-怎么推广彩票| www.8411.loan-下载头将彩票| www.52536.cc-好彩网真假-| www.287833.com-彩票合买大厅| www.381169.com-我所在的福彩店| www.568223.com-彩票33不出款| www.644428.com-9号彩票正规安全吗| www.741228.com-福利彩票幸运28| www.860791.com-七星彩南国论坛了之| www.943726.com-百盛彩票-| www.990351.com-官方回应老梁说彩票| www.el9.com-快三输了能上岸吗| www.6126.cm-湖南动物总动员彩票| www.233973.com-国家福彩快三是什么| www.312357.com-福利彩票三d字迷| www.404163.com-彩票狂人王成周现状| www.500099.com-078彩票可靠吗| www.980492.com-体彩广西宝马事件| www.cai9411.com贵州体彩欧阳宵| www.322316.com-高手彩票彩票玄机| www.400085.com-3d彩谜-| www.1405.com-双色球杀红球彩经网| www.04916.com-快开彩票新政| www.013138.cc-特区彩票网论坛论坛| www.867757.com-七星彩开奖是几点| www.329744.com-赢彩网可靠吗| www.673096.com-湖北快三开奖视频| www.591725.com-沙巴是哪的博彩公司| www.fh66.com-彩票注册送23| www.536466.com-美国的彩票几种类型| www.188155.com-北京福彩快三开奖| www.262873.com-破解捷豹彩票系统| www.325010.com-彩票88中彩网| www.392612.com-网络彩票技术推广| www.520612.com-爱彩票安卓版| www.578371.com-甘肃省11选5体彩| www.636779.com-儿歌彩虹桥-| www.200322.com-大奖网彩票-| www.198654.com-彩神ⅱ下载-| www.916188.com-海南私彩打击庄家| www.365645.cc-画彩铅画用什么纸好| www.463655.com-利澳彩票-| www.564671.com-佛山彩票没人领| www.iq28.com-九场足彩-| www.5126.vip-教育台福彩开播| www.557426.com-福利彩票中奖计算| www.645740.com-特彩吧高手网料| www.729433.com-如何彩票中奖| www.813700.com-福彩代理收入|