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.083968.com-福彩动物总动员公式| www.692528.com-乐乐彩票是什么| www.227968.com-彩票走势图查号| www.402345.com-聚鑫彩票能赚钱么| www.071619.com-福彩3d千禧开机号| www.124020.com-河北体彩排列七| www.285193.com-手机彩票投注站| www.406989.com-七星彩大小-| www.306426.com-688彩票ios-| www.010063.com-人人中彩票双色球| www.4070.in-齐聚彩票app| www.69597.com-手机新浪彩票网首页| www.911600.com-乐彩商城app| 爱购彩票www.843552.com| www.vn90.com-内蒙古福彩领奖地址| www.025445.com-徐文轩彩票预测网| www.946398.com-福建福彩乐透型网| www.ue00.com-大华彩票-| www.556648.com-买博牛彩票算赌博吗| www.110138.com-专家推选一注七星彩| www.880188.cc-福彩专家杀码和值点| www.969290.com-505彩票计划网址| www.244985.com-中国足彩网胜负彩| www.910168.com-南京彩虹之家地址| www.965272.com-久久发彩票邀请码| 天天彩www.39546.com| www.169577.com-甘肃快三走势图百度| www.8612.com-87彩店官网网址| www.570238.com-下载好彩客-| www.797788.com-彩票可以买多期吗| www.ev49.com-上海快11选5彩乐| www.667745.com-乐赢彩票网官网| www.818704.com-彩票今天开双色球吗| www.bf68.cc-手机淘宝彩票| www.809287.com-彩票的中奖几率| www.981145.com-7彩网平台是真是假| www.pm73.com-中奖助手快彩| www.81801.cc-时时彩冷号遗漏| www.536515.com-形容彩票句子| www.859667.com-14亿彩票app| www.735813.com-彩票分析招聘| www.874212.com-免费搭建彩票平台| www.rs13.com-彩票中大奖兑奖快吗| www.7493.vip-福彩刮刮乐编号看奖| www.530870.com-网上投彩票有风险吗| www.131958.com-泰安彩礼2018| www.6871.loan-好友游戏彩票app| www.q16.org-福彩字谜汇总| www.9788.cc-七星彩中奖玩法| www.749435.com-网购彩票正规网站| www.881203.com-日彩网平台-| www.cc10.cc-湖北新快三开奖结果| www.65oi.com-数字彩开奖彩票网| www.1673.me-杏时时彩平台手机版| www.8027.biz-云南彩辫-| www.29181.com-新浪七星彩专家| www.230896.com-致富彩票-| www.622079.com-福彩3d的万能四码| www.843196.com-广东福彩公益| www.94032.com-彩色耐磨地坪公司| www.xk81.com-快彩在线主页| www.089386.com-乐彩网3d折线图| www.181192.com-福彩快3彩票怎么玩| www.024809.cc-江西快三开奖消息| www.287128.com-网彩票如何申请代理| www.411946.com-农村院子彩钢棚图片| www.535105.com-越南六位数彩票查询| www.631629.com-七星彩图正版图纸| www.707713.com-竞彩计算器篮球胜负| www.791544.com-京东可以买彩票吗| www.897031.com-宏发彩票-| www.cp2544.com-江苏快三中奖金额| www.995640.com-竞彩足球5串一神单| www.ez71.com-北京体育彩票网点| www.e73.me-中国体育彩票官网站| www.47hg.com-招彩票员的吗| www.986.cc-我玩彩票哪个平台好| www.8226.org-国家彩票改革| www.27717.cc-彩铅情景画图片大全| www.68844.cc-中国彩票中奖概率| www.966822.com-宝马彩票计划网站| www.jw59.com-彩库宝典安卓版下载| www.8pu.cc-5937彩票-| 购彩票www.c3956.com| www.116663.com-58彩票人工计划| www.26373.cc-中彩吧合法嘛| www.75160.com-福彩包含哪些彩票| www.117030.com-苏州e球彩开奖| www.178059.com-快三对子稳开| www.kh40.com-体彩官网管理网站| www.i99.bid-手机验证领38彩金| www.29ej.com-明天彩票中奖号多少| www.656749.com-易彩娱乐平台| www.731690.com-彩钢板围挡厂家| www.876162.com-福利彩世界app| www.950197.com-博大彩票下载安装| 凤凰彩票www.77801v.com| www.2069.vip-赛车彩票的套路| www.35uo.com-福彩3d太湖诗汇总| www.006721.com-福彩3d怎么算中奖| www.093003.com-市政彩钢围挡| www.236897.com-体育彩票6?1| www.316397.com-大通彩票-| www.35363.cc-大发快三作假吗| www.75438.com-彩票风云-| www.213315.com-快三彩票网注册代理| www.298983.com-内蒙古体彩-| www.365477.cc-兰花图片手绘彩铅画| www.460690.com-01彩票网络平台| www.543233.com-福彩3d高手在民间| www.607302.com-七星彩论坛海南彩区| www.666979.com-乐彩客骗局-| www.735331.com-乐米彩票改名| www.573.live-重庆桥洞彩票哥| www.3859.cm-dd彩票网是谁的| www.520411.com-河南中原福彩网| www.593220.com-彩虹6号标准版| www.664256.com-下载天津爱彩乐网站| www.735291.com-买哪种彩票最好| www.795756.com-一分彩被骗-| www.858409.com-香港彩票开奖记录| www.912567.com-彩客彩票是正规的吗| www.974261.com-彩民在线频道再见图| www.af02.com-手机彩票-| www.vc06.com-3d彩吧图库怪字| www.788303.com-17彩票软件-| www.858658.com-福彩七乐彩开奖顺序| www.139020.cc-彩票app开发教程| www.001271.com-返点高的彩票| www.298937.com-连中彩票手机版| www.155333.com-足彩混合投注怎么玩| www.621881.com-浙江公司年会彩票| www.713520.com-众赢彩票计划| www.12155.cc-福利彩票规律研究| www.1075.net-上海中国体育彩票网| www.024399.com-福少时时彩软件下载| www.53273.cc-七彩阳光广播操音乐| www.233727.com-e球彩很坑啊| www.bq26.com-彩票网站哪个最正规| www.3807.vip-快三豹子是不是通杀| www.9627.cm-彩绳编发七彩色| www.367721.com-彩铅古风场景图片| www.303918.com-鑫彩网app-| www.310591.com-彩票图片大全| www.415813.com-分分钟一期的彩票| www.537604.com-m8彩票-| www.291936.com-彩票十大信誉的平台| www.127353.com-风彩网app下载| www.558036.com-我是大赢家彩票| www.jo48.com-套彩金犯法吗| www.265599.com-福利彩票快3咋玩| www.678571.com-彩之网青铜骑士| www.872083.com-彩吧祝手-| www.983882.com-海南海口七星彩早版| www.ve25.com-广西快三上必发彩票| www.28gq.com-泰安体彩中奖号码| www.4817.cc-福建体彩官方中心| www.365810.cc-彩铅绘画人物图片| www.32583.cc-河南濮阳台前县彩礼| www.544222.cc-缺一门彩票机新闻| www.6276.biz-信彩彩票计划网站| www.397501.com-黑龙江11选5彩经| www.511828.com-大地彩票软件| www.569250.com-福彩的密码被改|