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天

知道了
58福彩 www.271343.com-好彩3复式投注表| www.237949.com-彩票福彩开奖查询| www.36uq.com-703彩票心水资料| www.0607.hk-cc彩球网竞飞速| www.7010.in-中国篮球彩票怎么买| www.167756.com-湖北快三最新预测| www.472178.com-宝利彩票怎么样| www.173912.com-快三注册平台| www.019888.cc-福利彩票时时彩结果| www.518079.com-彩票走图大全| www.761922.com-彩友多下载-| www.653124.com-大陆人到澳门买彩票| www.8988.in-高频彩信誉排行榜| www.400181.com-彩票33手机版| www.549611.com-网上可以购买足彩| www.029745.com-时时中彩票在线登录| www.525032.com-天天乐福彩app| www.613586.com-2018中奖的彩票| www.497516.com-辛运相伴辛运彩票| www.577176.com-超级七星彩视频直播| www.658676.com-体彩双色球预测| www.53363.com-暗黑破坏神3彩虹关| www.7615.pw-爱盈彩app-| www.199576.com-体彩5走势连线图| www.7690.cm-彩票站有没有假的| www.937114.com-快三公交车路线查询| www.dn52.com-贵卅快三开奖结| www.58617.com-福彩3d旺彩软件| www.022950.com-快三刷流水技巧| www.455638.com-试行区块链彩票| www.507788.com-四川福彩如何兑奖| www.636183.com-彩虹六号季票在哪买| www.aj55.com-10分快三规则| www.811773.com-49gcc特彩吧| www.905306.com-江西快三84期开奖| www.976340.com-云南福彩票-| www.ba34.com-内蒙古快三儿开奖| www.ub66.com-神彩奕奕-| www.560379.com-爱彩彩票网官网| www.280662.com-重庆14彩开奖结果| www.311214.com-神圣彩票怎么样| www.87256.com-网上彩票何时恢复| www.088063.com-亿彩彩票安卓| www.561823.com-加客服微信号送彩金| www.665368.com-竞彩店提成-| www.758662.com-大快发彩票-| www.857633.com-99彩票网试玩| www.941434.com-淘彩票969-| 大赢家彩票www.328806.com| www.313210.com-好彩网3d图谜总汇| www.194219.com-大发快三公式| www.483155.com-吉林快三微信群吧| www.589176.com-彩票究竟是不是骗局| www.678231.com-广东体彩十一选5| www.778222.com-破解彩票概率组合| www.865661.com-御彩轩计划时时软件| www.936116.com-分分快三能赚钱吗| www.994618.com-超级彩票可靠吗| www.fh58.com-快三长龙-| www.773126.com-体彩复式中奖计算器| www.6mm.com-彩票期望值-| www.404.me-开彩网api如何| www.256433.com-旺彩3d官方下载| www.325770.com-江苏快三未出号| www.423053.com-小熊猫体彩p3图谜| www.4540.net-天娱彩票靠谱么| www.77363.com-快三注册推荐代码| www.079428.com-10万彩票要交税吗| www.tv89.com-爱彩票快三软件| www.657588.com-大乐透彩票杀号软件| www.326.in-王成周研究彩票视频| www.845639.com-87彩票靠谱吗| www.987230.com-天天中彩票关停| www.cz06.com-福利快三软件| www.9em.com-体育彩票礼拜几开奖| www.445.org-即时彩票app| www.sm69.com-助赢时时彩计划免费| www.8060.loan-水彩画技法教程| www.847066.com-洛阳飞龙在天竞彩| www.952226.com-手机上玩幸运彩票| www.cai789.cc-新快三游戏恐龙快打| www.me45.com-福建快三号码预测| www.61679.com-博彩客服招聘| www.027581.com-杭州易彩是骗局| www.105853.com-鼎博彩票app下载| www.180129.com-广西快三结果控| www.435350.com-下载928彩票网| www.548968.com-体育彩票私庄| www.632457.com-中国彩票app下载| www.721677.com-破解彩票软件的网站| www.053891.com-足彩去哪里买| www.363545.com-湖南体彩兑奖中心| www.860.gg-时时彩四码规律| www.522090.com-七乐彩走图势| www.58691.cc-福彩3d天中原创布| www.186587.com-重庆时时彩停了吗| www.173565.com-cp快三-| www.853335.com-北京个人体彩店转让| www.167523.com-江苏快三是合法的吗| www.342024.com-好运快三最长多少期| www.583124.com-口工彩色漫画| www.765439.com-福利彩三试机片| www.874384.com-湖北快三快赢网预测| www.956001.com-彩票破解官方| www.14yw.com-福彩36选7玩法| www.848816.com-皇家时时彩软件| www.913159.com-彩客竞彩app| www.988716.com-时时彩可以改号码| www.195650.com-360.购彩-| www.84166.cc-足彩14中9多少钱| www.376177.com-立彩和天天彩| www.396563.com-体彩18058-| www.37ar.com-七星彩彩迷网| www.qs55.com-甘肃福彩中心地址| www.448646.com-福彩演播室每期主题| www.679852.com-正规官方彩票购彩| www.279777.com-香港福利彩票资料站| www.350334.com-十堰市体彩中心| www.460051.com-凤凰iii彩票| www.639970.com-华彩生活官方下载| www.758386.com-彩票实体店网上销售| www.597366.com-满堂彩彩票怎么样| www.070271.com-彩678赚钱吗| www.135476.com-内蒙福彩块3推荐号| www.275995.com-极速快三挂-| www.63907.com-名人彩票登录网址| www.20.vip-海南私彩三字现规则| www.599920.com-重庆市彩刷流水方法| www.62.com-万达彩票登录网址| www.74ks.com-彩宝彩票骗人的| www.839901.com-竞彩合买app| www.929418.com-七星彩千位杀号| www.989518.com-选彩票-| www.qo.com-中彩票-| www.917798.com-彩虹岛手游-| www.7090.in-湖南长沙七彩集团| www.11506.com-彩乐乐的网址| www.62744.com-彩计划网页版| www.84688.cc-时时彩大牛在线计划| www.034931.com-71彩下载苹果| www.307225.com-山西体彩11选5| www.388213.com-东方华彩集团谢茂全| www.697272.com-辽宁全运彩开奖| www.776777.com-彩宝宝ios-| www.829459.com-360在线计划彩票| www.890355.com-彩票816下载| www.950531.com-乐彩3d下载-| www.ap59.com-福彩3d开奖查询| www.720332.com-教你七星彩方法| www.050072.com-怎么开黑彩网站| www.167282.com-北京福彩快三官网| www.91090.com-体育彩票模拟选号器| www.895350.com-爱彩票快三软件下载| www.964746.com-彩福网-| 大赢家彩票www.589467.com| www.22bc.com-盛源彩票手机版登陆| www.7231.pw-彩虹六号中墨冰概率| www.08007.com-彩票中大奖后| www.mc69.com-正规彩票app| www.654087.com-金龙彩票官方版下载| www.898515.com-福彩3d专家推荐号| www.mg27.com-吉林快三跨度振幅| www.2035.pro-好彩堂全年资料大全| www.993971.com-新浪双色球数字彩票|