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天

知道了
彩票123现在叫什么名字 www.356468.com-竞彩分分彩-| www.mp71.com-彩票送彩金30元| www.36nq.com-快彩彩票怎么选| www.099014.com-五福彩下载-| www.230066.com-百盈共享彩票邀请码| www.318621.com-澳门彩票有限公司| www.237528.com-大发快三彩票真假| www.200867.com-一定牛彩票网下载| www.954067.com-欧盟好彩双爆| www.le74.com-中彩彩票无法提现| www.12uf.com-吉林快三分析| www.17275.cc-厦门如彩纺织工艺品| www.83ng.com-彩票中三位数多少钱| www.628700.com-新彩网字谜总汇| www.639.live-圣地彩投注站| www.898608.com-彩票挂机软件方案| www.996181.com-约彩彩票骗局揭秘| www.273291.com-快三玩法福彩网| www.609263.com-七星彩19080期| www.217878.com-吉林私人快三网站| www.386381.com-韩国彩票818期| www.1573.net-彩宝彩票平台怎么样| www.1155.tv-宣传体彩标语| www.469068.com-美国彩票代购微信| www.661680.com-竞彩高手中奖彩票| www.69tm.com-668彩票合法吗| www.1939.top-双彩论坛晚间字谜| www.8237.bid-今天江西快三走势图| www.699061.com-鲍学全福彩-| www.887643.com-彩票包赚-| www.944211.com-神灯彩票登录入口| 博友彩www.731996.com| www.vj10.com-大发彩票能提现吗| www.083950.com-彩民周刊网站| www.271211.com-八亿彩官网下载| www.327044.com-免费彩票资料大全| www.445112.com-长治彩票饱和度| www.631171.com-足彩胜负平_澳客网| www.782343.com-中国体育彩票星彩网| www.069094.com-7697优乐彩登陆| www.179963.com-福彩3d基本走势图| www.535328.com-彩票中了4位数| www.617525.com-福彩发号中心| www.684768.com-新浪网彩票电脑版| www.766997.com-福彩中奖号是多少| www.26xt.com-重庆时时彩彩500| www.386.space-浙江快三形态走势图| www.8731.org-全民8五分彩| www.559.club-人人盈彩票-| www.071918.com-cp彩票是真是假| www.170585.com-甘肃快三推荐号| www.287635.com-合买彩票软件| www.726192.com-福利彩票怎么分析| www.829736.com-彩票买卖统计| www.920137.com-百万彩票app| www.998691.com-中国体彩足球竞猜| www.be14.com-大发快三的规律| www.so61.com-时时彩五星和值打法| www.299253.com-体彩中心电话号码| www.536018.com-彩票四位数字是什么| www.uv67.com-大发快三走势分享| www.636512.com-彩虹4售价-| www.733409.com-福建彩票网官方网站| www.850859.com-时时彩选胆杀号技巧| www.934422.com-巴中体彩大乐透中奖| 天朝彩票www.15259.cc| www.sc57.com-高频彩杀一码| www.9695.in-关于彩票的软件| www.92528.com-中原彩票是正规吗| www.592007.com-七星彩2281期| www.874234.com-大厅彩票源码| www.983828.com-大连福彩中心地址| www.kd58.cc-福彩网是真的吗| www.z60.top-宋金时期红绿彩小人| www.377917.com-幸运彩3132-| www.510551.com-体育彩票几天一期| www.56058.com-彩票怎么算的数字| www.977105.com-河南彩礼标准是多少| www.iq14.com-江苏快三网易| www.14nf.com-七星彩排列图| www.96dx.com-中国快开彩票有哪些| www.441524.com-928彩票安全吗| www.607567.com-体彩双双字迷| www.765681.com-靠谱的彩票老平台| www.881076.com-9188彩票网地址| www.963072.com-彩神通4码准不准| www.al88.cc-七星彩2-| www.1757.pw-网络私彩平台违法吗| www.876276.com-彩票中奖去哪里兑奖| www.2342.pw-重庆分分彩免费计划| www.kr03.com-彩票5分快3正规吗| www.5pi.com-常州体彩中心在哪| www.59wi.com-网易彩票怎么了| www.2649.cm-彩经网安徽快三| www.837057.com-立彩平台彩票| www.834567.cc-日景彩烟花价格| www.904055.com-大发快三模拟下载| 网易彩票www.076wy.com| www.sk70.com-时时彩新的改变| www.46mi.com-开体育彩票店亏了吗| www.0445.com-彩票榜怎么打不开啦| www.031958.com-手机购彩11选5| www.17522.com-310足球彩票网| www.041775.com-优彩彩票网香港| www.011069.com-极速时时采彩网站| www.54gd.com-彩票桃菜-| www.509571.com-盈彩宝下载安装| www.762759.com-致富彩江苏快三| www.049490.com-福彩3d今天出奖号| www.767677.com-中彩注册-| www.966358.com-福彩三d今天必下| www.gl29.com-江苏快三是骗局揭秘| www.76ve.com-虎门福彩印刷| www.142896.com-福彩3d小小鱼图谜| www.339258.com-深圳体彩中心地址| www.087524.com-开个福彩店赚不赚钱| www.2262.cn-彩票赛车技巧| www.766734.com-时时彩计划倍投表| www.o67.net-年会彩票中大奖| www.857535.com-有没有玩彩票的平台| www.36xs.cc-赣县彩礼一般多少钱| www.997803.com-福彩3d独和差方法| www.cc04.com-高频彩票-| www.312190.com-体育彩票一定牛安卓| www.7160.cn-彩票8亿官方端口| www.881127.com-竞彩篮球专家分析| www.61516.com-海南7星彩解梦| www.058845.com-2019快三走势图| www.127600.com-五彩玫瑰花的图片| www.916170.com-代卖外国彩票犯法不| www.985646.com-今日足彩-| www.cp4866.com-福彩快3玩法介绍| www.rs02.com-七星彩没人买了| www.949979.com-豪门娱乐彩票| www.ln08.com-①号彩票app| www.858634.com-刚力彩芽完了| www.958164.com-福彩3d代码应用| www.bd84.com-三分彩怎么玩| www.36vo.com-703彩票怎么破解| www.587255.com-奇门预测港彩尾数法| www.182140.com-乐米彩票app| www.319260.com-快三好中奖吗| www.419160.com-彩票3d开奖22号| www.942798.com-眉山众彩生活| www.88ji.com-彩票平台骗-| www.66096.com-彩票幸运号-| www.82900.com-彩乐汇手机版| www.830773.com-彩票正版免-| www.63115.cc-安徽快3彩经网| www.982410.com-山西体彩网上购买| www.458220.com-彩票独胆是什么意思| www.998887.com-吉林快三是骗人的吗| www.is04.com-今日足彩推荐预测| www.636501.com-彩虹四无人机| www.776332.com-龙虎彩票app| www.913122.com-好彩客老版下载| www.998566.cc-华宇彩票-| www.nd27.com-皇都彩票是真的吗| www.99zr.com-福彩新彩票网| www.9387.org-双色球彩票防伪| www.325349.com-海南私彩投注平台| www.566870.com-彩虹六号ela本子| www.t54.cn-湖北彩票新闻中奖| www.024399.com-福少时时彩软件下载|