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.4777.net-美国一分彩是假的吧| www.052902.com-雅彩彩票官网| www.68631.cc-德国彩票-| www.407702.com-七星彩是真还是假| www.578292.com-澳门信誉彩票平台| www.673235.com-七星彩去哪兑奖| www.401236.com-买足球竞彩靠谱不| www.37703.com-个人七星彩软件| www.085710.com-体彩网官方首页| www.846236.com-彩票是不是太假了| www.292376.com-体彩广西11选5| www.383187.com-在微信上买正规彩票| www.997718.com-体彩天下.主页| www.6rw.com-彩票自动下单软件| www.119591.com-快三遗漏值-| www.044891.com-公用彩票数据接口| www.4de.cc-快乐彩投注-| www.356242.com-分分彩助赢免费计划| www.544278.com-一分钟彩票开奖规律| www.376621.com-彩票开奖下开奖号码| www.509599.com-交友网拉人买彩票| www.315027.com-彩虹冰淇淋机| www.017175.com-易彩app靠谱吗| www.663957.com-头彩网不给提现| www.y30.biz-下载彩8-| www.789578.com-足彩竞猜什么叫上盘| www.920869.com-中国足球彩票500| 网易彩票www.26163q.com| www.65ep.com-说彩app下载| www.897829.com-彩票平台广告词| www.670429.com-七星彩票开奖计划| www.749868.com-信彩彩票-| www.823489.com-洛阳彩涂铝百叶窗| 手机购彩www.362588.com| www.541090.com-彩票导凤凰彩票| www.622915.com-传奇彩票是赌博| www.691698.com-500万彩票网骗局| www.773413.com-中国体育彩票小程序| www.867138.com-2280七星彩-| www.942808.com-南宁体彩杯-| 博友彩www.166125.com| 双龙娱乐www.sj119.9slyl.com| www.yd29.com-韩国彩票查询| www.27fz.com-马来分分彩在线计划| www.136561.com-成功彩票是黑平台吗| www.aa44.com-快三追号倍投计算器| www.530.in-新星彩靠谱吗| www.59299.com-如何申请卖福彩| www.265189.com-网易要闻彩票预测| www.346133.com-贵州福彩快开奖| www.549139.com-网上哪能买足球彩票| www.181232.com-微彩网-| www.417122.com-体彩彩票站几点关门| www.883196.com-快开型彩票是真的吗| www.963079.com-排列三下载彩票| 如意彩票www.889489.com| www.019072.com-牛蛙彩四不像| www.268132.com-足球彩票用什么买| www.927009.com-彩票猜一生肖| www.710072.com-彩票争霸主页| www.786099.com-北京福利彩票店| www.926739.com-达人彩票是真的吗| 幸运彩票www.852699.com| www.i87.bid-福彩3d形态论坛| www.974589.com-众乐彩票app下载| www.r62.cn-天天彩选四上海开奖| www.729.live-时时彩机选方法| www.171919.com-精彩十分走势| www.253936.com-快三广西开奖结果| www.420023.com-必发网彩票-| www.133438.com-福建体彩票31选7| www.816293.com-吉林省快三预测| www.930857.com-时时彩套路-| www.996509.com-哈尔滨体彩中心| www.412221.com-埃及五分彩-| www.537562.com-彩8彩票和彩9彩票| www.623509.com-欢乐彩票首页| www.cai666.cc-新快三是什么| www.17674.com-菠菜网注册送彩金| www.644012.com-体彩大乐透人工计划| www.269081.com-美国彩票23亿| www.352536.com-怎样投诉彩票网站| www.566249.com-慧金彩上市公司| www.651323.com-中国十大水彩画家| www.751479.com-足球彩票任九| www.972104.com-手机大众彩票合法吗| www.mh06.com-快彩票-| www.532863.com-澳门五分彩怎么玩| www.3829.bid-310足彩专家老牛| www.10424.com-足彩胜负彩新浪投注| www.848444.com-时时彩趋势-| www.fl1.com-重庆时时彩时间调整| www.3417.vip-好彩13app-| www.72tv.com-七乐彩票开奖号码是| www.811326.com-公益彩票5分钟开| www.28003.cc-1688彩票提供| www.151912.com-江苏快3彩票网| www.259371.com-彩票在线选号器| www.525543.com-体彩中几个才有奖| www.616313.cc-买彩票小程序| www.715191.com-快三导师计划怎么算| www.783776.com-金源彩票投注平台| www.849332.com-捷报网延敖足彩| www.915576.com-网上怎么买福彩3d| www.974786.com-体彩大乐透图表走势| 超级彩票www.789733.com| www.65iu.com-互彩宝怎么登录彩票| www.099734.com-百乐彩平台-| www.457482.com-彩票祝福语经典| www.079552.com-广州快三-| www.41iq.com-体育足彩中了| www.50858.cc-彩票网赚群坑人| www.122947.com-金石团队彩票计划| www.994.cm-体彩中奖彩票图片| www.492253.com-县政府卖彩票合法吗| www.150715.com-打击黑彩福彩3d| www.123893.com-彩票816是真的吗| www.195875.com-河北快三走勢| www.251052.com-分分中彩手机投注| www.982.cm-奖虫七星彩网址| www.501319.com-中国各省彩礼排行| www.037088.com-盈彩彩票官网| www.517138.com-菲律宾博彩-| www.nt06.com-福彩3d彩神正面| www.184720.com-868彩票登录| www.400708.com-七星彩规律割码| www.738088.com-福彩双色球摇奖机| www.659720.com-双彩球开奨-| www.806770.com-七星彩大彩网走势| www.893365.com-七乐彩手机选号| www.964406.com-福彩幸运快三是什么| www.cp2043.com-uu快三真人摇骰子| www.381143.com-体彩11选5软件| www.028554.com-如何攻击黑彩票网站| www.948925.com-中国体彩网e球彩| www.103439.com-彩运网最新网站| www.398.net-安徽体彩中心主任| www.3362.in-官方买足彩的软件| www.424999.com-七彩语文杯-| www.89072.com-网易福彩杀号定胆| 500万彩票www.35155w.com| www.203304.com-一分钟一次彩票| www.95950.com-彩票双色球34期| www.345444.com-快三历史最长龙| www.6370.top-九五纵横彩票| www.82qb.com-澳门彩票开奖网址| www.7506.cn-小型体彩机-| www.398213.com-海南七星彩几点开奖| www.602895.com-悦彩文化-| www.612609.com-巴西三分彩官网| www.717092.com-初学者铅笔淡彩画| www.35.com-七星彩出奖号码结果| www.637599.com-七星彩局王最新| www.ms02.com-澳客购彩-| www.37cj.com-足彩猜比分中奖| www.67278.com-奥博彩票合法吗| www.846016.com-狗万app足彩下载| www.5232.cc-足球派彩是什么意思| www.22045.com-彩票中心主任领奖| www.410666.com-希望彩票-| www.181518.com-快三app网址| www.68.biz-破彩票漏洞赚钱| www.72kf.com-下载十一选五大彩鲸| www.262536.com-下载彩九-|