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.877769.com-举报别人做私彩| www.66fl.com-7k福彩彩票-| www.3448.com-88cp彩票网-| www.96285.cc-福彩送摩托-| www.151653.com-彩票软件哪个最好| www.285926.com-福彩勇士争先| www.8659.org-体彩排列三开奖信息| www.025439.com-宁夏银川仟彩摸吧| www.jp5.com-彩票河南-| www.28506.com-合发彩票注册下载| www.036203.com-手机彩票走势图大全| www.015680.com-体彩七星彩规则| www.130506.com-彩汇网-| www.223233.com-足彩500比分| www.10eq.com-七星彩开奖结果机选| www.785851.com-花人彩票登录| www.910061.com-胜利彩票官方网| www.997291.com-正规足球彩票app| www.hs26.com-湖北快三基本走势表| www.56nc.com-天天彩票集团是| www.7386.xyz-色彩斑斓的眼睛画法| www.78601.com-新昌双彩乡属于哪里| www.896322.com-瑞彩祥云彩票技巧| www.022784.com-正规的彩票平台程序| www.695283.com-足彩串关技巧| www.816911.com-身边中彩票的人| www.935827.com-彩票长龙-| www.1773.bid-中国体彩大乐透号码| www.8782.online足彩大数据模型推荐| www.992298.com-百胜快三好不好| www.7831.top-生肖彩票49选一| www.003474.com-柬埔寨彩票推广| www.192057.com-江苏快三有什么技巧| www.355406.com-五分彩规律-| www.772527.com-体彩标志的含义| www.981911.com-七星彩开结果奖时间| www.0cd.com-彩票娱乐网站下载| www.698578.com-浙江省福彩管理中心| www.827038.com-最新彩票骗局| www.925769.com-彩富网香港网| www.993219.com-什么样的彩票能挣钱| www.ed43.com-吉林快三图群| www.b63.pw-5o0万彩票3d| www.8248.cn-5分钟快三下载| www.33854.com-7星彩中奖概率| www.76av.com-体彩排列五数查表| www.tj02.com-福彩诗句图全部出来| www.378507.com-k菜彩民福地| www.938184.com-双赢彩票可靠吗| www.123588.com-台湾运彩首页| www.2861.wang-彩虹糖的颜色含义| www.05785.com-彩票组合软件| www.70022.cc-体彩篮球竞彩平台| www.079156.com-1七星1七星彩| www.871984.com-福彩开机号近10期| www.cp6738.com-广西快三派彩走势图| www.251679.com-搜狗彩票app| www.394649.com-湖南体彩兑奖地址| www.595807.com-福豪彩正规吗| www.836506.com-体育彩票高频彩骗局| www.927881.com-体育彩票可信度| www.995445.com-新浪足彩票电脑版| www.js93.cc-网上买彩票软件| www.5510.biz-最近体育彩票销售点| www.883512.com-新生彩票登录二| www.719132.com-周杰伦彩虹现场版| www.551017.com-彩宝典网站-| www.689100.com-3d彩友沙龙-| www.4413.me-彩票中奖倍数怎么算| www.332842.com-福彩陕西快乐十分| www.yy20.com-快三怎么代理赚钱| www.07684.com-中国福彩吧-| www.019454.com-福利彩票押注攻略| www.198497.com-吉林省快三群| www.04bx.com-彩票网购平台| www.86ha.com-北京快三豹子信号| www.29nj.com-彩铅人像明星画教程| www.53255.cc-彩票app导航| www.373718.com-中国竞彩足球网| www.575133.com-福彩快3倍投大小| www.671772.com-广州中华彩宝| www.822383.com-668彩票网免费| www.984148.com-彩运8网站-| www.65gi.com-福彩演播室答题答案| www.yr66.com-体彩于斌-| www.289260.com-褔利彩票-| www.913369.com-福彩吧提款失败| www.527011.com-时时彩自动投注模式| www.06115.cc-福彩3d号码直选表| www.73770.com-七星彩宝贝走势图| www.551979.com-周一出什么彩票| www.696234.com-连中彩票的人| www.22wl.com-福彩电脑版-| www.777149.com-怎样看快三规律| www.915539.com-天吉电子彩报3d版| www.cp2202.com-福彩湖北快三一定牛| www.014234.com-易彩网靠谱吗| www.9739.top-全民彩金下载| www.9573.online外国彩票名称| www.36682.cc-梦中彩票号码| www.289011.com-彩神安徽快3| www.956251.com-彩票倍投靠谱吗| www.224774.com-全民快三能赚钱吗| www.660008.com-时时彩防连挂| www.029360.com-彩宝app官网| www.142727.com-官网彩8彩票| www.226203.com-买彩票的技巧| www.316971.com-广东时时彩快乐十分| www.403618.com-七星开奖彩结果下载| www.530905.com-彩票选号绝技| www.898608.com-彩票挂机软件方案| www.467146.com-彩票开奘结果查旬| www.567891.cc-河北福彩三地字谜| www.338416.com-何明预测七乐彩| www.440365.com-体彩大乐乐开奖结果| www.678677.com-中国足彩必发指数网| www.127943.com-彩虹歌曲羽泉| www.44tu.cc-旋风彩虹机视频| www.606621.com-足彩几点停售时间| www.994451.com-好彩客网页登录| www.33wc.com-一分钟快三稳赚技巧| www.732158.com-彩礼一般多少钱| www.809567.com-e乐彩手机登录版| www.879535.com-大智慧彩票平台| www.971367.com-彩葫芦-| www.cai0122.com安徽快三基本走势图| www.ie96.com-玩高频彩票成功的人| www.yb82.com-天津福彩开奖结果| www.526865.com-博盈彩票骗局| www.149178.com-安装人人中彩| www.249342.com-彩购彩-| www.323337.com-七乐彩开奖结果果| www.968048.com-民政部福彩中心贪| www.nj6.com-内蒙快三开奖期| www.sq05.com-福彩双色球领奖地址| www.29jq.com-中奖彩票照片| www.552400.com-山西福利彩票爱彩乐| www.830409.com-来彩彩票o2o| www.906100.com-彩票有几位数字| www.965581.com-快三234下期预测| 九五彩票www.95111w.com| www.631993.com-七彩虹是什么意思| www.739452.com-时彩违法吗-| www.841134.com-买体育彩票-| www.954300.cc-彩票赚钱软件正规| www.cp2991.com-天天中彩票大骗局| www.da72.com-彩票店-| www.931818.com-澳门快三哪些平台| www.uf79.com-河南私彩宝网| www.37ky.com-足彩欧亚指数解读| www.868721.com-海南7星彩预测| www.088074.com-发财网彩票-| www.5927.cn-所有彩票开奖号码| www.498318.com-玖富彩票网址是多少| www.571783.com-为食论坛即时开彩| www.628486.com-合乐彩官网-| www.682877.com-最大彩票平台软件| www.743906.com-彩17彩票官网| www.799455.com-彩票送彩金最高平台| www.859837.com-577彩票网址| www.902559.com-微信买江苏快三赚钱| www.951867.com-官方幸运快三| www.989177.com-彩票机器全套多少钱| www.im39.com-手机快三能玩吗|