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.621508.com-福利彩票25选5| www.267002.com-网彩骗局揭秘| www.677511.com-大亨彩票算号器| www.3240.pro-阳光彩票注册地址| www.841654.com-七乐彩为什么| www.ju45.com-彩客网y-| www.266854.com-体彩开奖结果走势图| www.890430.com-71彩下载苹果| www.962428.com-福利彩票机选奖号码| www.cai2342.com北京快三预测推荐| www.ro33.com-彩票总动员走势图| www.nz40.com-众博彩票合法吗| www.201400.cc-河北快三手机版下载| www.092404.com-68彩票网下载| www.325812.com-彩宝网3d开奖结果| www.9205.vip-苹果手机体育彩票| www.43335.com-旺彩双色球苹果老版| www.137996.com-2019彩票网停售| www.858792.com-全天二分快三计划| 快3彩票www.783709.com| www.zy86.com-山西3d彩民乐| www.978461.com-爱米彩票app下载| www.076658.com-彩票需要几位数| www.261161.com-印尼5分彩官网| www.425172.com-彩票数字分析仪买家| www.543021.com-福彩今晚开奖号| www.630534.com-3d彩报图谜第五版| www.712969.com-易彩快3是什么彩票| www.790448.com-快三黑彩怎么盈利| www.867352.com-举报私彩网站| www.932145.com-快三哪个平台正规的| www.987755.com-关停的彩票客户端| www.cp68.cc-时时彩谁在控制| www.zj75.com-中彩快三有规律吗| www.32ej.com-彩票今天开什么哪类| www.255216.com-彩金领取app| www.364198.com-饭圈彩虹屁-| www.057771.com-福彩快3甘肃| www.007241.com-qq彩票可靠吗| www.894088.com-彩票聚财神app| www.cai7345.com上海快三-| www.1080.me-时时彩打流水方法| www.886379.com-重庆时时彩计划稳| www.362253.com-七星彩直选一注推荐| www.7764.com-快三咋中奖-| www.2380.cc-专业玩彩天天预测| www.178489.cc-福利彩票3d走势图| www.245590.com-易彩一分彩app| www.321090.com-七乐彩单式开奖号| www.41522.com-玩儿彩票软件| www.859793.com-最新体彩排3试机号| www.954501.com-90年代彩票-| 55彩票www.755740.com| www.335.cm-买体彩哪个软件好用| www.869027.com-彩票牛人选号法| www.062443.com-瑞彩祥云登陆| www.265117.com-北京快三开奖规律| www.657878.com-25彩票下载-| www.770497.com-买彩票的幽默段子| www.tk00.com-1216亚洲彩票网| www.23yv.com-凤彩网快三-| www.803913.com-七星彩19期开奖号| www.883633.com-乐彩网快乐12| www.958890.com-武汉福利彩票在哪里| 大赢家彩票平台www.068627.com| www.295379.com-分分时时彩计划号码| www.145166.com-彩票骗人-| www.222429.com-快三真能赚钱吗| www.980045.com-体彩店装潢-| www.dk07.com-全国地方彩彩票开奖| www.d00.tv-360七星彩走势图| www.42pa.com-龙猫彩铅画图片| www.0412.org-千禧体彩试机号| www.06086.com-555彩票开户| www.53265.cc-竞彩吧app-| www.83174.com-乐彩网被骗-| www.088291.com-有没有压大小的彩票| www.181140.com-app中彩彩票下载| www.303183.com-好彩票下载安装| www.37757.cc-宏盛彩票官方网站| www.62804.com-排三绝杀六码彩经网| www.049940.com-体彩试机号查询| www.479377.com-买1000注彩票| www.5000.hk-体彩任选三单式奖金| www.630632.com-福彩三d选号彩报| www.719117.com-3d今天报纸彩图| www.796300.com-新盈彩是正规平台吗| www.339714.com-贵州多彩网众望| www.430056.com-色彩构成作品| www.569279.com-彩票店怎么对账| www.699930.com-中华彩票是不是假的| www.811211.com-福彩今晚现场直播| www.892060.com-老彩民app网站| www.964082.com-湖北体彩网首页| www.cp243.com-开奖大全彩票| www.qz26.com-体育彩票机选| www.44pz.com-红树林彩-| www.75539.cc-北斗中彩网-| www.072323.com-cp彩票骰子-| www.164434.com-彩票如何防组三| www.837004.com-力彩广告有限公司| www.443504.com-心脏彩超pg正常值| www.05695.com-彩61-| www.zo87.com-赢彩吧app-| www.693.in-购彩360-| www.8269.top-杨幂品彩丝袜广告| www.365216.cc-彩票导师带回血| www.985420.com-竞彩稳串三串一| www.gz34.com-如何解决彩票风控| www.60nj.com-福彩和差表-| www.6937.top-七彩云南翡翠| www.105718.com-七星彩五等奖多少钱| www.iz22.com-中国体彩网手机版| www.s70.link-今晚福彩什么号| www.96984.com-什么是外围买足彩| www.659941.com-顺盈彩票怎么提现| www.552665.com-害人的分分彩套路| www.716284.com-选彩票得软件| www.441670.com-体育彩票异地兑奖| www.al26.com-七星彩前四位| www.2409.cc-好彩店推荐-| www.217419.com-ios彩票软件| www.752839.com-牛彩网3d字迷| www.138461.com-六福彩是正规的吗| www.mn76.com-福彩20选5窍门| www.63ok.com-彩票视频讲座| www.690216.com-新浪爱彩欧洲杯| www.527.com-喝彩中华第二季| www.556175.com-419彩票网站| www.37187.cc-好运来彩网怎么提现| www.753159.com-3d万彩吧-| www.817889.com-足彩胜负19025| www.885444.com-山东云彩宝彩票下载| www.944334.com-乐发彩票合法吗| www.986895.com-多款购彩app| www.cp784.com-玩快三的app全部| www.892768.com-彩5彩票送彩金| www.959388.com-台湾快三全天计划| www.999893.com-海南彩票梦兆| www.fx.cc-上海快三怎么玩| www.b29.net-高频彩为什么调整| www.800863.com-彩猫彩票app| www.372580.com-53彩票网真假| www.203530.com-彩票开奖分析| www.360105.com-龙岩体彩中奖情况| www.505331.com-博彩之星趋势软件| www.13875.com-网易足彩推荐分析| www.92212.cc-好彩三万能码| www.117845.com-浙江体彩怎么下载| www.358215.com-七星彩破解规律| www.429887.com-永利彩票注册| www.556004.com-通辽快三开奖结果| www.333499.com-数学高手买彩票| www.054417.com-有彩色打印机吗| www.917.website竞彩之王-| www.96174.com-石家庄彩票弃奖| www.115095.com-手机彩宝网彩票助手| www.691553.com-500万彩是真是假| www.766012.com-淘宝彩票客户端在哪| www.832709.com-七彩背景图-| www.891682.com-快三算法大小单双句| www.949274.com-福利彩票开奖号吗| GO彩www.fan73.com| www.467886.com-今日体育彩票中奖号|