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.237904.com-派彩网广西快3| www.110084.com-常州快三爱彩乐| www.203318.com-彩神ⅴ-| www.482200.com-彩票云端挂机赚钱| www.582167.com-头奖彩票不能登录| www.662625.com-人工智能彩票机器人| www.172456.com-怎样看懂快三走势图| www.121453.com-快三复式中奖查询表| www.323000.cc-福利彩票双色球机选| www.914026.com-168彩票最新版本| www.bh03.com-彩票代打兼职靠谱吗| www.1ku.cc-手机彩票输了几十万| www.731.tv-香港九龙彩票网| www.32331.com-河南省各地彩礼| www.681422.com-怎么劝买彩票的人| www.852256.com-五分彩定位胆走势图| www.982207.com-广东快三开奖| www.nh11.com-皇都彩票主页| www.879436.com-旭彩网开奖网址| www.521823.com-和彩云是什么| www.206678.com-神州时时彩平台| www.05jl.com-水溶性彩铅画| www.89wp.com-高频彩概率计算| www.4470.cn-吉祥彩票网是真的吗| 500彩票www.338071.com| www.98731.com-网站快三真实吗| www.14947.com-杭州福彩站点查询| www.210608.com-极速快三软件下载| www.365992.cc-水彩颜料-| www.518667.com-美源发彩-| www.629901.com-时时彩什么是龙虎和| www.rv85.com-福彩快三代理犯法吗| www.089441.com-快彩网可靠吗| www.209699.com-黑彩代理怎么拉客户| www.295589.com-彩票开奖查1询| www.953886.com-牛人彩票-| www.528920.com-新浪福彩双色球| www.628458.com-微信彩票竞猜可信吗| www.733080.com-南京体彩中心电话| www.828331.com-2019u9彩票-| www.954050.com-手机时时彩缩水软件| www.087080.com-最新版五福彩app| www.603182.com-天下第彩票开奖结果| www.f85.site-海南私彩规律| www.57wd.com-中彩那天解释词语| www.1016.vip-利博彩票软件下载| www.7890.com-97彩票苹果版| www.188299.cc-安徽快三走势图和值| www.109515.com-2044彩票网-| www.208775.com-贵州体育彩票网| www.296395.com-彩专家时时彩计划| www.373719.com-500足球精彩比分| www.569379.com-新浪篮彩论坛| www.zw82.com-莱利分分彩-| www.63hb.com-福彩基诺新玩法| www.lf27.com-分分中彩票下载| www.979400.com-好彩柠檬爆-| www.071133.com-招聘竞彩顾问| www.139994.com-网络彩票计划员贴吧| www.216972.com-118彩票是否可信| www.56bo.com-兴义市福彩中心地址| www.120965.com-被骗玩快三-| www.208931.com-快三代理怎么提成| www.291725.com-彩鸿彩票骗局| www.323427.com-福建七乐彩走势图| www.240888.com-彩库寶典苹果| www.80149.com-网易彩票官方网| www.09931.com-彩票51下载苹果版| www.pw22.com-珠江彩票违法违规吗| www.62oe.com-彩票最全面大数据| www.1025.me-上海澜赢彩票合法么| www.307076.com-快三平台黑名单| www.850572.com-订婚就给彩礼钱吗| www.748518.com-红彩注册邀请码| www.836620.com-福彩推荐福星| www.930243.com-传统足彩返奖率| www.fr9.cc-教你七星彩稳赚法| www.k11.wang-好彩网专家试机号| www.678582.com-体彩店的布置图片| www.796684.com-众博彩票怎么进不了| www.936270.com-彩票彩客app| 500彩票www.401286.com| www.hl23.com-彩票助赢软件| www.379336.com-虎扑篮彩神棍论坛| www.rs95.com-乐彩赢快三是骗局吗| www.025424.com-高频彩票赚钱方法| www.116025.com-新手买足彩-| www.36440.com-体彩和福彩买哪个好| 大赢家彩票网www.83033t.com| www.380004.com-彩娃彩票打不开| www.514277.com-甘肃快三2019| www.653536.com-黄石彩票中大奖| www.435027.com-怎么短信购彩票| www.628711.com-12生肖彩票开奖| www.775551.com-彩富网app下载| www.964459.com-足彩比分气新浪| www.je69.com-甘肃快三奖金对照表| www.639706.com-刘雪龙彩票案| www.8001.top-早教彩虹伞音乐| www.3650.tv-星期六都啥彩票开奖| www.21322.com-1305彩票兼职| www.qp85.com-pc彩票是是什么| www.325724.com-万彩吧c8cn-| www.396970.com-好彩客二肖二码码| www.kt86.com-搜索贵州快三| www.wo2.cc-福彩快三河北开奖| www.873137.com-欠债突然中彩票| www.097123.com-福彩3d属相-| www.5575.xyz-彩票平台推广的技巧| www.84xi.com-幸快三怎么判断单双| www.539290.com-彩票店转让纠纷案例| www.6900.top-七彩山鸡养殖利润| www.6396.top-宏发快三开奖结果| www.719352.com-中国彩吧一一| www.805976.com-乐透啦彩票买安全不| www.884135.com-体彩大案-| www.996727.com-黑龙江省体彩官网| www.24zi.com-天天爱彩票网站| www.047.in-彩铅手绘风景画教程| www.812478.com-ok彩票最新消息| www.904880.com-足球彩票网站| www.1651.vip-足彩大小球2.5| www.26sj.com-彩经彩票邀请码| www.mv45.com-申请福彩代理销售点| www.c10.tv-爱彩乐北京快3| www.37sf.com-七星彩前四位号码| www.763276.com-开彩票店利润大吗| www.965553.com-开福彩投注站赚钱吗| 大赢家彩票平台www.935257.com| www.440900.com-928彩票店网址| www.19213.cc-时时彩个位杀号计划| www.005023.com-福彩开奖东方6十1| www.293298.com-彩票中奖查训| www.z63.cc-玩大发快三能赢钱吗| www.74pt.com-万豪彩票是真的吗| www.5541.me-买足彩软件哪个好| www.14147.com-彩神帝下载-| www.81ch.com-彩票大家乐-| www.374433.com-福彩好彩1开奖走势| www.973397.com-周杰伦彩虹吉他谱| www.cai7411.com360彩票首页| www.hm09.com-福彩快三攻略| www.06jt.com-33期彩票-| www.v73.net-新浪爱彩双色球走图| www.557763.com-福彩双色球杀红号| www.39685.cc-百彩网资料大全下载| www.021875.com-亿元彩票的故事| www.662938.com-福彩3d易彩网| www.534200.com-七星彩出过7个同号| www.wi31.com-怎么看一分快三走势| www.019412.com-中彩网网址大全| www.106636.com-足彩精通-| www.952039.com-彩神可靠吗-| www.988301.com-江西省福彩网| www.kg2.cc-皇都彩票首页| www.762038.com-施乐彩色复印机| www.837581.com-品素力彩-| www.897777.com-害人的高频彩票输惨| www.950572.com-5分彩计划网站| www.985481.com-足彩竞彩比分直播| www.cai3902.com江苏e球彩开奖号码| www.2024.vip-河南省福利彩票开奖| www.025957.com-全球彩票九州彩票| www.166432.com-快三怎么代理|