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天

知道了
彩票123现在叫什么名字 www.273338.com-支付宝停止彩票兑换| www.37333.cc-珐琅彩蛋-| www.845252.com-福彩082期字谜图| www.2781.cn-下载8k彩票-| www.755346.com-百福彩票合法吗| www.900984.com-福彩东北彩霸3| 六福彩票www.16wa.com| www.le93.com-全球彩票安卓版下载| www.20pt.com-公益体彩走进茶陵| www.534604.cc-下新浪彩票-| 华人彩票www.040419.com| www.00mn.com-像是雨后出现彩虹| www.73796.com-欢乐时时彩是哪里的| www.055395.com-近日开奖的体福彩| www.9476.cc-够七星彩奖表| www.782621.com-51彩虹登-| www.874681.com-大同体彩网点查询| www.ix41.com-内蒙古快三出什么号| www.4if.com-足球五百万彩票网| www.83er.com-玩赚彩票停了怎么办| www.3137.cn-北京体彩排列王| www.9173.pw-七乐彩各省销量| www.166430.com-快三平台手机版下载| www.739744.com-投注福彩3d彩票| www.828736.com-福彩今天开什么奖号| www.903099.com-彩票合买怎么发起| www.966267.com-广西快三直播| www.cp5722.com-河南快三专家预测| www.ps82.com-快三一共多少注| www.463321.com-118彩图厍-| www.63712.cc-竞彩比赛投注量| www.yz38.cc-休彩甘肃11选5| www.63vk.com-彩票研究突破| www.887705.com-天天彩票靠谱么| www.999788.com-好彩运大发快3| www.06707.com-彩票3d字谜图| www.302660.com-一定牛河南快三预测| www.401188.com-乐利2分彩技巧| www.8197.me-顶级会员彩票登录| www.553636.com-竞彩比赛夭折怎么算| www.743453.com-福利彩票怎么算| www.902756.com-彩票站任务没完成| 彩乐乐www.cll168.com| www.38ji.com-彩陶王酒价格及图片| www.388859.com-彩票大管家山东| www.718378.com-抖音翻唱周杰伦彩虹| www.xz38.com-福利时时彩查询结果| www.093585.com-乐选3中奖规则体彩| www.954384.com-90年亚运彩票| www.cai56.com-广西快三怎么玩| www.872926.com-营业中福彩店急转| www.34gh.com-河南省体育彩票竞彩| www.5uc.cc-人人乐彩票是什么| www.5326.org-709彩票软件下载| www.023441.com-体彩有哪些玩法| www.121149.com-易彩票官方网站| www.49kj.cc-宝赢彩票软件破解| www.2678.biz-彩票店系统几点停售| www.86882.com-河北众乐快三| www.832600.com-福彩三d侠客论坛| www.976470.com-168彩票开奖记录| www.bd71.com-韩国快三哪里开奖| www.wp62.com-全天快三计划稳定版| www.29ez.com-彩票投注平台lol| www.j25.org-双色球彩摘网| www.0400.win-好运来彩票下载安装| www.797999.com-今晚七星彩下期预测| www.889124.com-彩宝店-| www.975124.com-彩票什么计划最准| www.am35.cc-易旺彩票app| www.wb17.com-彩票店图片实拍| www.36is.com-彩客网官方网站下载| www.0717.org-彩票跟单赚佣金| www.5689.cm-pk彩票app-| www.003134.com-河南福彩幸运彩玩法| www.237387.com-中国体育彩足彩开票| www.3352.com-下载时时中彩票| www.189998.com-吉林市福彩快三开奖| www.265937.com-安徽快三开奖助手| www.055476.com-66好彩app-| www.155142.com-足彩任选九投注器| www.231206.com-乐赢彩票官方网站| www.393008.com-梅花图片手绘彩铅画| www.817911.com-足彩19040结果| www.896002.com-福彩推荐号今日快三| www.973057.com-彩虹世界男同软件| www.94om.com-足彩如何看-| www.35362.cc-福彩双色球彩票群| www.305488.com-彩工网甘肃快3| www.rx06.com-来自旺彩社区图片| www.717602.com-77彩票是真的吗| www.97gj.com-竞彩复制票-| www.7321.biz-彩虹彩虹彩虹的虹| www.7014.biz-体彩竞彩篮球玩法| www.064382.com-足彩竞彩500万| www.576043.com-v8彩票靠谱么| www.661031.com-亚投彩票用户注册| www.8777.cm-竞彩大数据预测| www.751308.com-彩票之家ios| 好彩www.60123z.com| www.646869.com-14场胜负彩吧| www.934303.com-彩票预测专家| www.979173.com-好彩香烟多钱| www.01269.cc-体彩排3开奖走势图| www.76422.com-有老师带的彩票| www.ti95.com-36o彩票网-| www.38ac.com-七彩乐中奖号| www.687102.com-湖南体彩报纸| www.788899.com-福彩双色球33加一| www.870420.com-易旺彩票怎么样| www.937769.com-今晚开奖的彩票| www.987331.com-湖北省快三开奖记录| www.ba03.com-网彩平台哪个最靠谱| www.s02.cc-湖北快三加奖| www.55je.com-中国体彩微信公众号| www.628115.com-王山打鸟彩调| www.755280.com-中彩网怎么买彩票呢| www.832701.com-七彩云浏览器用不了| www.898805.com-买彩票的软件哪个好| www.963670.com-足彩二串一复式| 500万彩票www.98528h.com| www.397308.com-南宁福利彩票站利润| www.586771.com-立彩彩票不能提现| www.iw31.com-竟彩-| www.13ej.com-快三三同号通选奖金| www.88fc.cc-网上黑彩挣钱吗| www.2019.biz-青岛体育彩票133| www.62tq.com-下彩网页版| www.083628.com-中奖彩票到哪里兑奖| www.185456.com-全国正规的福彩快三| www.6815.biz-四季彩中秋| www.98nv.com-体彩大乐透摇奖直播| www.2776.cn-正规手机彩票app| www.276999.com-博彩分红-| www.597334.com-猜谜彩票合不合法| www.7678.org-体育彩票字母含义| www.95234.com-鑫彩网安全吗| www.35ae.com-海南七星彩免费资料| www.97yk.com-博彩被骗-| www.3222.com-乐八彩下载-| www.9623.wang-网上怎么玩彩票| www.37486.com-彩虫七星彩下载安装| www.73712.com-七乐彩中彩网走势图| www.080343.com-198彩官网-| www.180807.com-贵州快三一定牛今天| www.391858.com-福彩3d魔图表| www.514200.com-福利彩票快3单式| www.574563.com-电信爱音乐彩铃退订| www.631815.com-恒彩88平台登录| www.698247.com-鼎博时时彩人工计划| www.40421.com-网上不能买彩票了| www.79561.cc-兰亭体彩店-| www.026538.com-lol博彩-| www.85xz.com-3d说彩-| www.am95.cc-49彩票下载-| www.81030.com-福彩中福连线视频| www.080201.com-满堂彩app下载| www.163142.com-今天福彩怪字神贴| www.911855.com-快3彩票下载注册| www.971484.com-彩票最新开奖号| 大赢家彩票平台www.653750.com| www.261375.com-99彩票手机投注网| www.908228.com-快乐彩票开奖结果| www.957538.com-六台彩软件下载|