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天

知道了
1分快三 丰彩娱乐www.fcyl6.com| www.75923.com-彩票注销是什么意思| www.071877.cc-福利彩票3dqq群| www.160540.com-福彩3d和差推荐| www.254715.com-甘肃快三技巧与规律| www.345879.com-高频率彩票-| www.436129.com-赢彩彩票你同行| www.537589.com-彩色的梦生字组词| www.608562.com-彩票上可以写字吗| www.680653.com-中国体彩老总| www.267720.com-河南省福利彩票| www.296167.com-快三是否合法| www.736208.com-55l25中国彩吧| 金掌柜www.83993x.com| www.pf8.cc-河北快三一定牛天| www.941967.com-三分快三计划怎么做| www.u65.cc-竞彩足球比分针算| www.453479.com-怪字怪帖会员版福彩| www.299777.cc-内蒙古快三49、期| www.41bx.com-体彩放假时间| www.376402.com-本日福彩三d谜语| www.535952.com-彩票选几个数字| www.660126.com-福彩游戏-| www.03fh.com-彩票代玩赚钱| www.865446.com-甘肃体彩排列三| www.50px.com-大成彩票骗局| www.576311.com-唐山万达附近福彩| www.733487.com-民彩网主页-| www.953602.com-福彩快三输了6万多| www.199644.com-江西彩票快3| www.s24.biz-彩票d-| www.073770.com-体彩双胆预测最准确| www.rh06.com-下载彩6精华版| www.1373.top-儿童个性水彩创意画| www.43096.com-彩票双色球几点开奖| www.120233.com-中国足彩即时比分| www.328873.com-江苏快三如何抓豹子| www.540411.com-迪士尼彩乐园官网| www.264822.com-大发快三1分钟一期| www.234061.com-内蒙时时彩走势图| www.165181.com-71福利彩票-| www.330893.com-彩票看走势图有用吗| www.637508.com-彩虹6号干员真实吗| www.7273.biz-在中国都有那些彩票| www.088250.com-快三开奖作弊软件| www.338134.com-梦见彩票中了2等奖| www.736353.com-福彩三d天中图库| www.5203.org-必发彩票信誉第一| www.63134.com-香港6喝彩开奖结果| www.fr5.cc-时时彩如何买最稳| www.802550.com-新加坡十分彩技巧| www.356542.com-彩票上一期中奖人| www.96ht.com-红彩网直播间| www.24ir.com-网易彩票更新版| www.6400.top-5933cc彩-| www.uq77.com-乐彩网福彩3d首页| www.668133.com-福彩的钱去哪里了| www.49ck.com-彩71是官方的么| www.22425.com-男方提出分手彩礼| www.036773.com-彩票榜官网登录| www.yh88.com-彩票走势图排列三| www.797251.com-八八彩票官方网| www.658649.com-中乐彩注册-| www.md18.com-时时彩反水啥意思| www.16qd.com-彩票中奖查询网| www.506857.com-新梦想彩票-| www.023252.com-甘肃快三形态走| www.589666.cc-310足彩推介| www.022149.com-亚投彩票平台| www.135567.cc-开体育彩票店收益| www.645776.com-我的博彩心得| www.806366.com-申航彩票骗局| www.948233.com-好彩论坛首页好彩网| www.034967.com-u9彩票app-| www.344346.com-重庆时时彩杀码软件| www.58264.com-彩票助手小程序| www.130746.com-金盾致富团队彩票| www.274586.com-快三驾吗-| www.401859.com-七星彩91b-| www.578933.com-福彩3d牛彩杀码图| www.751687.com-时时中彩票软件骗局| www.910086.com-南京彩虹中心志愿者| www.di33.com-十二生肖彩票怎么买| www.343536.com-大华彩票网-| www.791888.cc-竞彩8串28错1场| www.gi6.com-福利彩票所有彩种| www.77864.com-福州体彩店转让信息| www.819710.com-彩钢瓦生产制造厂家| www.72663.cc-彩谜天地图双色球| www.323753.com-航天彩虹前景| www.648224.com-彩票的公式有用吗| www.dw48.com-彩票手机端-| www.383.cc-乐米彩票停售原因| www.682980.com-哪里有买彩票的网站| www.800072.cc-快三追热号杀冷号| www.932532.com-中彩网彩民论坛| www.cp104.cc-购买双色球彩票| www.wh95.com-体彩开机号-| www.59qd.com-江苏中彩乐快三| www.5278.live-搜狗彩票怎么玩法| www.29209.com-ios如何买彩票| www.638308.com-色彩构成图片素材| www.550902.com-彩票合买在哪| www.kx0.cc-河南省快三走势图| www.0793.date-玩网上彩票犯法吗| www.89563.com-福彩和值大小走势| www.208239.com-鬼谷子六彩| www.946438.com-福利彩6十1-| www.4373.vip-怎样办理福彩站| www.4025.cn-足彩庄家靠什么盈利| www.26063.com-彩虹的美好寓意| www.89719.com-超级车彩票app| www.041946.com-福彩扫码扫金条| www.083060.com-各省份快三时间| www.165064.com-彩票012路-| www.247242.com-福彩3d丹东全图| www.314880.com-最好的彩票分析软件| www.934659.com-福彩走势图下载安装| 500彩票www.550637.com| www.on99.com-彩票公式规律| www.4589.cn-无锡彩票店申请| www.pa6.com-新彊福彩-| www.907608.com-褔彩开奖直播| www.xt81.com-彩虹六号国服凉了| www.9016.top-下载百度彩票app| www.97232.cc-河南泌阳结婚彩礼| www.2250.cn-幸运彩骗局-| www.81xi.com-彩票在-| www.615585.com-体彩从几到几| www.132441.com-彩票截止时间是几点| www.233966.cc-中彩网湖北快三| www.274601.com-上海快三3两同号| www.4524.com-t七星彩开奖号码| www.196097.com-易彩娱乐彩民登录| www.427253.com-彩票查软件-| www.q19.bid-鼎吉国际彩票骗局| www.32aw.com-长沙福利彩票市场| www.8134.org-梦见中奖的彩票号| www.180949.com-官方彩票有哪些| www.978501.com-英皇彩票app| www.fi27.com-快三和值图-| www.078019.com-彩八仙app苹果| www.979564.com-洛阳今天快三开奖| www.886580.com-高频彩联盟官网| www.ze0.com-聚福彩快三-| www.82.cc-易发彩是不是诈骗| www.797345.com-京彩挂机支持平台| 鸿运彩票www.hy5507.com| www.pv87.com-大资本彩票正规吗| www.56nr.com-张家口彩票兑奖中心| www.4378.in-地方彩票有哪些种类| www.7566.top-同裕彩票-| www.595507.com-篮彩神棍区手机版| www.880805.com-澳门快3彩票| www.2471.cc-齐鲁福彩3d-| www.093080.com-彩钢围挡压瓦机| www.234831.com-福彩3d跨-| www.659490.com-南国七星彩4十1| www.gm2.cc-快三开奖网站| www.51pj.cc-新彩吧字谜今日荐号| www.33505.cc-3d杀和尾凤彩网| www.331456.com-高手彩票字谜图谜| www.453553.com-老快三推荐号码| www.566526.com-和彩放题自助餐价格|