QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery简洁的tab选项卡切换代码

原创商用 jquery简洁的tab选项卡切换代码

基于jquery.SuperSlide插件制作简洁的选项卡鼠标滑过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.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

3、body引入HTML代码

<div class="change-content change-box">
	<div class="change-main">
		<div class="change-cut flex-row">
			<ul class="clearfix">
				<li class="transition tab on">我们的承诺</li>
				<li class="transition tab">我们的实力</li>
				<li class="transition tab" style="border-right:0">我们的角色</li>
			</ul>
		</div>
		<div class="contents clearfix">
			<div class="content flex-row" style="display: block;">
				<a href="#"  target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-009.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">7*24小时售后支持</p>
							<p class="item-p">全国7x24小时客服热线</p>
						</div>
					</div>
				</a>
				<a href="#">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-010.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">100倍故障时长赔偿</p>
							<p class="item-p">100倍赔付终端服务时间</p>
						</div>
					</div>
				</a>
				<a href="#">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-011.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">15天无理由退款</p>
							<p class="item-p">部分产品可享受15天无理由退款</p>
						</div>
					</div>
				</a>
				<a href="#">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-012.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">多对一团队服务</p>
							<p class="item-p">全国80家分公司便捷服务</p>
						</div>
					</div>
				</a>
			</div>
			<div class="content flex-row" style="display: none;">
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-005.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">19年历史</p>
						</div>
					</div>
				</a>
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-006.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">80家分公司</p>
						</div>
					</div>
				</a>
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-007.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">1000名设计师、工程师</p>
						</div>
					</div>
				</a>
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-008.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">120万客户</p>
						</div>
					</div>
				</a>
			</div>
			<div class="content flex-row" style="display: none;">
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-001.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">同行</p>
							<p class="item-p">持续陪伴企业成长,共创,共赢</p>
						</div>
					</div>
				</a>
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-002.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">赋能</p>
							<p class="item-p">帮助企业建立智能经营的能力</p>
						</div>
					</div>
				</a>
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-003.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">连接</p>
							<p class="item-p">为企业连接一切潜在商业价值</p>
						</div>
					</div>
				</a>
				<a href="#" target="_blank">
					<div class="item flex-rows">
						<div class="img-block"> <img src="images/icon-svg-004.svg" alt="img"> </div>
						<div class="item-block">
							<p class="item-title">开放</p>
							<p class="item-p">面向所有企业和伙伴开放共享</p>
						</div>
					</div>
				</a>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".change-main").slide({ titCell:".flex-row li", mainCell:".contents",delayTime:0 });
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
购彩堂 www.664520.com-彩票站如何知道中奖| www.267013.com-求彩票高手救命| www.291260.com-哪个彩票论坛好| www.906051.com-创彩网下载-| 天下彩www.010585.com| www.1wv.cc-福彩10选4-| www.519138.com-福利彩票三d带连线| www.352231.com-彩票123qq-| www.472600.com-时时彩两期推波方法| www.104081.com-好彩爆珠有什么味道| www.181631.com-湖北快三昨天没出号| www.254865.com-正规时时彩官网平台| www.216009.com-福彩在线骗局| www.353064.com-时时彩343注买法| www.495369.com-彩漂对皮肤有伤害吗| www.619211.com-山东福彩中奖规则| www.85118.cc-手机彩票能兑奖吗| www.991981.com-福利彩票复式投注表| www.dh89.com-内蒙快三初几开奖| www.75650.cc-彩票真的吗-| www.30728.com-彩票查询3d出奖号| www.59500.cc-快开彩票下载安装| www.068837.com-609彩票-| www.010.live-多宝彩票合法的吗| www.9ee.com-彩票可以随机买吗| www.91xy.com-福利彩票中将结里| www.8936.cn-新彩网字迷总汇| www.154654.com-网易彩票怎么赚钱| 众发彩票www.779zf.com| www.25619.com-彩虹张惠妹| www.868551.com-福利彩app靠谱吗| www.31608.com-雪缘园足球彩票比分| 福利彩票www.99677q.com| www.dd34.com-41亿彩票-| www.287279.com-彩票开奖调用| www.365371.cc-v8彩票app官网| www.26862.cc-北京28彩票官网| www.234778.com-3d彩票之家-| www.767688.cc-福彩3d字谜| www.137014.com-金彩网彩票与你同行| www.270321.com-全部彩票下载| www.95573.com-彩票金额分配| www.3220.cc-在手机上可以玩彩吗| www.18978.com-彩票店买私彩| www.368831.com-今日福彩开奖是什么| www.69456.cc-竞彩投资计划| www.355932.com-彩票开奖算法| www.183437.com-宁夏快三在线开奖图| www.798657.com-彩票平台线路导航| www.751773.com-中国福彩彩票开奖| www.870278.com-彩票投资网-| www.956839.com-七彩神仙论坛| www.gd5.com-七乐彩怎么玩法介绍| www.921557.com-河北快三全天计划| www.984410.com-彩票选号大师客户端| www.al85.com-福彩快三专业版下载| www.vk01.com-山东体育彩票| www.10xu.com-彩票快3手机下载| www.038656.com-31彩票走势图| www.31vp.com-体彩双休日兑奖吗| www.31et.com-梅州彩民中奖| www.016.bid-福彩又-| www.418.cx-49彩票集团真假| www.269621.com-福利彩票网络销售| www.57957.cc-体彩七位数玩法规则| www.133354.com-彩钢网-| www.225635.com-买彩群-| www.947954.com-竞彩足球贴吧| www.cai6322.com今晚南洋彩开奖现场| www.98ve.com-福彩三弟字谜总汇| www.769271.com-好彩有假货吗| www.864001.com-好看的手机彩膜图片| www.931701.com-彩票老师带队| www.987561.com-乐优炫彩可以用吗| www.ek9.com-上海快3爱彩乐| www.677339.com-章鱼彩票爆料| www.768050.com-最新足彩十四场比分| www.839183.com-彩70娱乐-| www.63om.com-彩票机械计划网源码| www.61il.com-好乐多彩票网| www.757402.com-大鹏金服乐彩| www.441050.com-体育彩票19042| www.899180.com-体彩481玩法体会| www.985889.com-福彩3d中奖高的人| www.ol1.com-河北快三预测一顶牛| www.2648.xyz-竞彩足球停售了| www.251705.com-旺彩超级大乐透软件| www.9093.cc-卡通人物彩铅画图片| www.41699.com-速赢彩计划-| www.69510.com-彩票99可靠吗| www.111714.com-彩票七天乐-| www.159796.com-彩八彩票官方网| www.294848.com-体彩排列三最准断组| www.718189.com-好乐多彩票-| www.867786.cc-福彩彩神通今日快报| www.954143.com-海南四星彩票缩水| www.cp182.com-彩票152cc-| www.538789.com-安彩集团-| www.626737.com-众和彩票-| www.686888.cc-中彩那天优秀导入| www.772160.com-澳门博彩赌场| www.854418.com-最专业彩票预测软件| www.921585.com-足彩5oo比分| www.985967.com-360福彩-| www.yv4.com-中国体育彩票的买法| www.794.in-福彩双色球新浪专家| www.576984.com-好彩运app-| www.268052.com-福彩山东群英会吧| www.531317.com-桃花彩铅图片大全| www.625796.com-天天爱彩票双色球| www.8262.net-关注微彩传媒| www.22623.cc-中国福彩时时彩开奖| www.gt21.com-河南快三合之| www.xg73.com-福利彩票快3安装| www.09ho.com-开彩吧正板资料| www.h53.cn-28号彩票中奖号码| www.57sw.com-视频中彩那天赛讲课| www.1527.win-体彩7位数复式投注| www.822512.com-福彩群英会倾家荡产| www.313530.com-福彩积分网-| www.698178.com-搜索彩吧论坛首页| www.780081.com-福彩3d规律视频| www.884324.com-彩票平台猜大小| www.980526.com-苏州福彩25万| www.yy5.com-破解广西快三| www.wa28.com-快三和值012| www.07zq.com-七星彩小说百度网盘| www.568512.com-体彩乐彩分解断组| www.004713.com-彩票网站搭建教程| www.295397.com-江苏快三看走势技巧| www.198135.com-内蒙快三走势| www.284429.com-时时彩十分钟一次| www.807756.com-陈赫买彩票-| www.175058.com-f96福彩-| www.347646.com-苹果体彩软件下载| www.478258.com-综艺福彩是什么| www.592974.com-彩虹电影台怎样下载| www.740808.com-澳彩是什么-| www.831577.com-福彩销量下滑原因| 金掌柜www.83993i.com| www.3042.xyz-彩逸-| www.310870.com-彩票趋势分析法| www.434362.com-福彩销售人员| www.527608.com-时时彩和值预测| www.604726.com-各种彩票破解方法| www.678808.com-开福彩店哪些赚钱| www.749156.com-兴罗彩砖厂-| www.820268.com-彩票能跨省兑奖吗| www.895149.com-百姓彩票站长| www.977902.com-彩色包装纸的糖| www.cai5675.com分分快三平台| www.zu14.com-天下幸运彩图百度| www.194697.com-快三上海快三开奖号| www.355695.com-竞彩足球要交税吗| www.72339.cc-规模最大的彩票软件| www.440193.com-四川体彩招聘| www.854005.com-6合宝典彩图图库| www.979034.com-无嘴好彩-| www.xo65.com-新手买彩票咋买| www.0835.org-足彩购彩app| www.27658.cc-足彩新闻-| 网易彩票www.072wy.com| www.21pm.com-福利彩票介绍| www.271711.com-丰彩1元有中奖的吗|