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.970461.com-彩票带单的怎么赚钱| www.104001.com-彩神争8的网址| www.219542.com-山西省体彩快乐十分| www.606982.com-禧彩3d之家-| www.611103.com-体育彩排列三| www.720698.com-七星彩大奖网站| www.036151.com-彩票号码统计器| www.223148.com-重庆快三开奖图| 彩乐乐www.cll168.com| www.225854.com-刷彩金-| www.1986.biz-福彩体彩票开奖大全| www.65re.com-湖北省体彩兑奖中心| www.942812.com-刚力彩芽黑执事| www.59iu.com-彩钢瓦机器价格| www.9486.tv-盛宏彩票手机版| www.539038.com-众乐彩票靠谱吗| www.654151.com-聚宝盆彩票资料大全| www.874537.com-安装吉林快三| www.947130.com-快频彩为什么拉人| www.997402.com-彩票2元网首页首页| www.dp10.com-江苏快三彩票| www.77816.com-彩尊国际是真的吗| www.060697.com-ag788爱购彩| www.215468.com-福利彩票买几位数| www.289599.com-快三怎么买最稳| www.9993.loan-2k彩票下载安装| 500万彩票www.500cd.com| www.172883.com-快三开奖助手app| www.370008.com-ee彩票-| www.971214.com-今天福彩奖号| www.io7.cc-内蒙古福彩官网| www.t54.cn-湖北彩票新闻中奖| www.50qk.com-彩票选号大成| www.0550.com-生活体彩报-| www.6594.net-玩彩吧官网-| www.527158.com-彩播彩票-| www.630889.com-体彩飞鱼中奖条件| 新盈彩www.xinyc8.com| www.28983.cc-彩色打印机家用小型| www.81179.cc-即时开彩2013| www.81814.com-中彩票的命-| www.0334.xyz-儿歌彩虹的约定简谱| 乐彩网www.4189b.com| www.lg46.com-下载红彩app| www.0sq.com-乐彩网人生-| www.71to.com-恆大彩票84849| www.534999.com-七星彩六等奖几个号| www.655260.com-体彩游泳夺金中奖率| www.795753.com-快三这样挣钱| www.888371.com-七星彩今晚推荐号码| www.964273.com-彩票赛车怎么玩法| www.cai5599.com内蒙古快三玩法| www.e86.club-七乐彩历史同期| www.661393.com-彩票97期-| www.776976.com-bb3d黑彩技巧| www.q78.top-山东体彩网首页| www.54kr.com-105彩票钱安全吗| www.0119.net-哪个网络彩票安全| www.7612.top-新浪爱彩客户端下载| www.25914.cc-彩虹是什么比喻什么| www.553728.com-竞彩足比分-| www.199280.com-广西快三网投平台| www.293458.com-河南快三开奖时间| www.373692.com-好彩香港免税店香烟| www.503991.com-东森彩票平台登录| www.586048.com-彩票注册送18软件| www.677105.com-牛挂彩票-| www.995564.com-通过社交软件福彩| www.px51.com-彩票九app-| www.9ul.com-微博彩票游戏玩法| www.393.space-神圣计划彩票软件| www.79kn.com-彩乐园官网下载安装| www.236832.com-彩票吧百度贴吧| www.717831.com-77彩票网软件下载| www.28356.cc-镇江市体彩中心网站| www.557048.com-九万彩票是谁开的| www.071167.com-竞彩足彩比分直播| www.762361.com-87彩店怎么下载| www.50104.cc-01彩票在线下载| www.672130.com-特彩吧最老版| www.556636.com-彩票中奖领取时间| www.616157.com-体彩扑克3玩法金额| www.a66.pw-买生肖彩票开奖结果| www.981805.com-手机qq彩票怎么买| www.60456.com-10彩-| www.362811.com-彩虹象什么-| www.042350.com-广东省福利彩票开奖| www.if02.com-14彩-| www.44rs.com-分分彩网站网站| www.2255.live-彩票导师注册送钱| www.172457.com-网上教人买彩票骗局| www.994.net-导航彩香港-| www.71793.com-大众彩票登录| www.399623.com-下载sk彩票app| www.039904.com-新生彩票官方网站| www.797373.com-98彩票s-| www.876659.com-专业彩票彩吧助手| www.983185.com-盈彩彩票是骗局吗| www.cp0806.com-快三规律破解技巧| www.386011.com-123彩票骗局| www.632081.com-发现彩票的中奖规律| www.754234.com-北京足球单场彩| www.6118.biz-美国强力球官网彩票| www.26772.cc-海南七星彩三字现| www.86499.cc-体彩大乐透机选号码| www.461358.com-测算彩票运势| www.k21.club-彩票代打兼职去哪找| www.520695.com-福星彩票下载| www.055676.com-全发彩票彩种| www.052034.com-现金彩票系统出租| www.127948.com-彩虹歌词张惠妹| www.324280.com-乐彩网提现安全吗| www.395638.com-彩虹卖号网站| www.580615.com-双色球玩彩精灵专栏| www.661173.com-128彩票坑人| www.44971.com-彩票靠谱么-| www.f56.cc-可以赚钱的彩球游戏| www.0309.vip-彩票今后发展| www.20759.com-彩票18彩金-| www.936208.com-幸运五星彩票破解| www.988377.com-副利彩票开将结果| www.xe40.com-七星彩软件下载| www.103405.com-旺彩大乐透选号| www.175982.com-一分快三破解版下载| www.7113.net-彩93彩票苹果版| www.55199.com-2分时时彩开奖号码| www.602631.com-福利三分彩全天计划| www.370600.com-四季彩登录电脑版| www.444183.com-最棒的彩票软件开发| www.530042.cc-玩彩票输光积蓄| www.583566.com-彩乐园2官网| www.654946.com-什么是网上彩投| www.859215.com-彩票砍龙概率| www.905627.com-快三套利-| www.955464.com-01彩票ios-| www.990966.com-网络彩票真假| www.cp2916.com-彩票群主带计划| www.93vo.com-什么时候有彩色相片| www.61022.cc-机选七乐彩号码| www.712328.com-彩票老势走势图下载| www.818670.com-竞彩中奖达人| www.898046.com-哪里可以代买足彩| www.955464.com-01彩票ios-| www.993208.com-彩票那个容易赚钱| www.cp6879.com-安微福利彩票| www.357144.com-公司福利发彩票中奖| www.888938.com-彩站宝怎么发起跟单| www.975105.com-中国福彩北京小汽车| 万彩网www.wcp8008.com| www.hc73.cc-体彩屋app-| www.260655.com-福彩3d输几十万| www.qo39.com-快三αpp-| www.380034.com-彩票私盘-| www.523810.com-777彩票网-| www.121318.com-福彩双色球预则最准| www.133663.com-福彩3d彩图第一版| www.cp9298.com-彩票巴士app| www.t80.cn-彩票升奖公告查询| www.693706.com-体彩刮刮乐-| www.819566.com-体育彩票阜阳中心| www.896026.com-体育彩票合买怎么买| www.966787.com-河北福彩燕赵网| 大赢家彩票平台www.273503.com| www.217696.com-重时时彩五星走势图|