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.619265.com-500竞彩盘口网址| www.503613.com-网易红彩能买彩票吗| www.316425.com-在线买彩票-| www.fb55.com-彩票挂机神器| www.99796.com-全民赢彩票靠普不| www.918510.com-重庆福彩中心地址| www.984504.com-彩8怎么赚钱| www.at06.com-福彩快三一定牛| www.yu49.com-彩九最新版本下载| www.661733.com-竞彩中奖多少要交税| www.198318.com-彩票湖北快三开奖| www.297325.com-七星彩走势图带坐标| www.369556.com-哪个公司的体彩官网| 购彩票www.c3956.com| www.846329.com-湘西龙山体育彩票店| www.720698.com-七星彩大奖网站| www.850311.com-网络黑彩有假吗| www.967400.com-彩票诈骗十万| www.kk4.cc-快乐彩牛-| www.159654.com-安微福彩快三走势图| www.066442.com-8k彩票大发快3| www.5585.site-福利彩票破解方法| www.oq16.com-跟导师买彩票套路| www.88ts.com-汇华国际时时彩登陆| www.3105.pw-体育彩票站转让信息| www.28153.cc-牛彩网采摘网| www.410606.com-七彩球开奖情况| www.949716.com-160彩票靠谱么| 如意彩票www.168339.com| www.kg95.com-辽宁彩票网站首页| www.4kx.com-台湾彩票大奖号码| www.93qp.cc-迷彩外套配什么颜色| www.4555.biz-买彩票中奖新闻视频| www.220444.com-快三秒奶茶加盟电话| www.976797.com-淄博彩礼钱的价格表| www.dc71.com-足彩团队招聘| www.947270.com-pc蛋蛋预测彩票| 千禧彩票www.528qx.com| www.w24.cc-四季彩票下载| www.885738.com-利彩可信吗-| 网易彩票www.097wy.com| www.979957.com-大发快三网址谁有| www.rh48.com-七乐彩奖金分配明细| www.86229.cc-凤彩字谜手机版字谜| www.57822.com-我中啦彩票图表| www.077116.com-有人带玩七星彩| www.190537.com-福彩河南快3开奖| www.305283.com-怎样选彩票容易中奖| www.ma33.com-分分时时彩正规吗| www.088677.com-最准全天时时彩计划| www.565182.com-天天中彩客服| www.650702.com-打地鼠游戏教案彩虹| www.027040.com-福利彩票山东中奖人| www.137483.com-足彩14场开奖最快| www.321230.com-全民智投竞彩专家| www.58nl.com-彩票网站跑路了| www.324605.com-福彩假的-| www.216950.com-118彩票坑人| www.135203.com-彩票导航重庆时时彩| www.zc14.com-甘肃福利彩票| www.553550.com-武汉快三直选开奖| www.2378.me-下载七彩阳光第三套| www.11783.com-彩神v邀请码| www.89158.cc-福彩3d选号规则| www.267055.com-中国竞彩足球官网| www.58wb.com-长城彩票是什么意思| www.2800.tv-如何与网友交流彩票| www.9992.loan-万彩广场-| www.57299.cc-旺彩双色球苹果平板| www.032512.com-福彩网注册总代| www.134335.com-好彩混合型-| www.221664.com-跑马彩票3分钟骗局| www.311286.com-彩票开奖分析预测师| www.429555.com-金利彩票简介| www.8215.cc-3d福彩大全-| www.260850.com-快三赚钱团队| www.357700.com-买彩票欠巨款| www.646263.com-星彩新星彩免费资料| www.1994.vip-足彩2串一什么意思| www.791601.com-京东彩票游戏赚钱吗| www.885382.com-彩宝app怎么样| www.981095.com-彩虹冰淇淋怎么做| www.ax72.com-江西快三一定牛预测| www.zm58.cc-中国体彩双彩论坛| www.5742.win-今日小小鱼彩吧图库| www.ey76.com-牛蛙彩票资料四不像| www.542471.com-app买彩票-| www.669690.com-什么彩票是6数的| www.63dh.com-3d彩民乐树图10| www.330666.com-马尼拉2分彩走势图| www.505497.com-福彩双色球兑奖规则| www.339415.com-东莞市彩票支票| www.68801.com-亚博体育能买彩票吗| www.055873.com-快三11和值号码| www.183883.com-安徽快三走势助手| www.569494.com-千万国际彩票| www.228866.com-江苏彩票11选5| www.317244.com-职业彩民群-| www.277883.com-新浪竟技风暴彩票| www.kh65.com-中国竞彩app| www.5752.biz-彩票开发定制专家| www.940770.com-彩44平台安全吗| www.39927.cc-彩票巴巴彩票登陆| www.eu50.com-河北快三助手安卓版| www.739584.com-彩九经典梯形彩票| www.319601.com-93彩票官网3| www.bf76.com-英国5分彩-| www.2jo.com-e游彩注册登录| www.4556.cn-98彩票网北京赛车| www.3999.vip-邯郸彩礼最贵的地方| www.505798.com-黑彩套利贴吧| www.8169.vip-彩虹pk10计划| www.822488.com-爱博彩票贴吧| www.007009.com-中原风彩最新开奖号| www.206540.com-浙江体彩11选五| 乐彩网www.766898.com| www.33932.com-快三怎么样才能回血| www.293111.cc-3d彩吧图库丹东| www.020329.com-快三定胆方法| www.581819.com-福彩中福-| www.04iv.com-台湾即时开彩| www.220052.com-快三在线注册平台| www.943767.com-百盛彩票网站| www.961855.com-成都快三开奖| www.nh1.com-七星彩历史开奖号码| www.29xm.com-关于春天的彩铅画| www.4033.vip-博彩公司图标| www.711554.com-人人彩票还能买吗| www.218787.com-大发快三怎么稳赢| www.0203.in-天下赢彩四不像| www.32196.cc-易彩真假-| www.89322.cc-印象彩票网-| www.223036.com-贵州体育彩票查询| www.333503.com-看彩啦3d今天| www.420787.com-大乐彩下载-| www.549723.com-哪可以买足彩| www.630158.com-竞彩足球看亚盘心得| www.818137.com-足彩19026推荐| www.911685.com-特区体彩论坛手机板| www.983630.com-随机开奖彩票| www.jp12.com-河北快三形态开奖| www.8517.xyz-牛蛙蛙彩票开奖| www.621654.com-控彩-| www.210087.com-最全的彩票开奖网站| www.67lg.com-山西福彩快乐十分开| www.964292.com-体育彩app下载| www.83286.com-广西福彩投诉电话| www.456535.com-彩票巴巴靠谱吗| www.567389.com-足彩受注赛程| www.660579.com-足球胜负彩比分直墦| www.727006.com-万成彩票注册| www.790130.com-有没有彩票预测软件| www.22526.cc-彩票驿站网址| www.bk43.com-高频彩票有规律吗| www.440520.com-老赖可以中彩票吗| www.19if.com-腾讯分分彩推波| www.815536.com-排列五是福彩| www.883614.com-奔驰彩票官网首页| www.036191.com-彩票统计安全下载| www.098211.com-3d福利彩票图纸| www.223143.com-福彩3d软件下载| www.74ds.com-宝彩娱乐-| www.24747.cc-彩铅鸢尾花-| www.3178.cm-k彩客服-|