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.2088.bid-安徽22期快三开奖| www.683612.com-义乌市体彩中心| www.766911.com-糖果彩下载-| www.dd09.com-cp彩票-| www.t16.net-黔西商业街彩票店| www.235237.com-凤凰微彩app下载| www.356328.com-彩票研究的原理| www.25rp.com-华彩电梯-| www.0936.tv-跟单体彩-| www.9830.cn-古建筑天花彩绘| www.4636.net-oe彩票平台-| www.61fb.com-大庄家彩票注册| www.1507.pw-彩虹的约定儿歌原唱| www.yf84.com-派彩网广西快三| www.761293.com-宝马彩票集团网址| www.855862.com-七乐彩买十个号中5| www.951714.com-足彩6串1-| 好运彩票www.008hy.cc| www.756198.com-安装旺彩双色球软件| www.897597.com-中国竞彩计算器| www.968254.com-体彩兑奖有效期| 博汇www.861805.com| www.83zf.com-河南福彩新快三| www.727309.com-幸运彩票网站可靠吗| www.816466.com-快三豹通什么意思| www.902681.com-彩票冠亚2.2| www.994020.com-福彩双色球首奖诗| www.cp16.com-福彩甘肃快3下载| www.719.red-紫竹彩票-| www.4858.biz-河南妙彩服饰| www.17099.cc-上海昨天快三开奖| www.74758.com-彩票推荐免费| www.029082.com-体育彩票快三内蒙| www.112576.com-彩票平台哪个返点高| www.202530.com-彩之星江苏快3| www.274284.com-有没有人玩大发快三| www.344654.com-下载彩票网站| www.414741.com-重听今天天天福彩| www.66097.cc-福彩怎么选号规则| www.058550.com-收彩报彩吧图库| www.151710.com-福利彩票多少个数字| www.233579.com-e球彩玩法窍门| www.302365.com-中国福彩最新政策| www.369046.com-彩票广东十一选五| www.456050.com-充值平台送彩金| www.539534.com-826网络彩票评论| www.653025.com-动态澳彩-| www.717360.com-安徽体彩网招聘| www.786291.com-全民福彩的安全性| www.855460.com-哪一种彩票中奖率高| www.913578.com-老重庆时彩开奖号码| www.970843.com-彩票宝贝开奖查询| 大赢家彩票平台www.585065.com| www.nj91.com-内蒙古快三和尾振幅| www.08qw.com-爱购彩票靠什么盈利| www.71xv.com-体彩世界杯竞猜结果| www.525269.com-一代彩神的专栏| www.652009.com-红牛快三走势图| www.776355.com-唐龙说彩今日| www.911805.com-彩票快开型取消吗| 万利www.32123m.com| www.pz41.com-彩票9app-| www.85jd.com-足彩中奖哪里领奖| www.5077.cm-足球彩票停售了吗| www.00723.com-福利彩票乐彩论坛| www.59099.cc-海南七星彩梦兆查询| www.026054.com-淘宝彩票是不是真的| www.102086.com-6678彩票登录| www.698756.com-手绘彩铅风景画| www.778272.com-网易彩票3d杀号| www.90um.com-首彩西拉红葡萄酒| www.dn54.com-贵卅快三-| www.o51.com-数学高手买彩票| www.73yb.com-3d彩报布衣图大全| www.2465.cc-扫码查彩票是否中奖| www.9798.net-福彩3d什么时候开| www.85794.com-凤凰彩票fh-| www.081376.com-电台足彩推荐骗局| www.161636.com-中国体育彩票代金券| www.258327.com-全民买彩票-| www.356290.com-彩票中奖算法| www.461693.com-双色球万彩吧| www.561692.com-世界杯在那里面彩票| www.658603.com-彩票冷热号码分析| www.814344.com-彩票平台导师| www.907016.com-彩票有11位数字| www.338155.com-鄂尔多斯彩票一等奖| www.578526.com-兰州体彩转让| www.697183.com-运营彩票-| www.817657.com-中国福彩开好直播| www.948920.com-3d福利彩票图纸| www.ku13.com-红旗彩票app快3| www.68lb.cc-多盈福彩-| www.9999.mobi-彩色压模地面| www.92649.com-立彩彩票软件可靠吗| www.742368.com-i8彩票平台-| www.878932.cc-彩票挂机能赚吗| www.897769.com-高频彩开奖作弊不| www.ju63.com-颖彩双色球最新预测| www.75cu.com-彩票详解-| www.22097.com-网络彩票诈骗破案| www.082659.com-分分快三的玩法| www.261281.com-博牛彩票是不是骗局| www.654321.cc-彩之源-彩种| www.338767.com-118彩票iso-| www.366561.com-福利彩票双色球33| www.687112.com-购体彩大乐透| www.73jp.com-魔兽世界炫彩之剑| www.060578.com-卖私彩司法解释| www.301362.com-叁地福彩走势图| www.587558.com-933彩票骗人| www.883199.com-重庆高中生买彩票| www.hr67.cc-体彩开奖在哪个频道| www.713220.com-天天赢彩票注册链接| www.866922.com-什么彩票买一个数字| www.hh04.com-幸运快三开奖号码| www.0816.bid-时时彩宝宝计划下载| www.151645.com-比较正规的彩票软件| www.576254.com-南京彩票兑奖须知| www.797036.com-福彩3d今天试杌号| 500彩票www.338053.com| www.228.cc-万博彩票层级维护| www.092187.com-最新吉林快三群| www.305458.com-新手入门买彩票| www.225.biz-辉腾彩票能赚吗| www.87837.cc-苹果x原彩显示没有| www.198729.com-七乐大发快三| www.738647.com-金利彩票黑平台吗| www.15gm.com-天下彩4499cc| www.52527.cc-好彩赚钱平台| www.165369.com-创富彩票是什么| www.332495.com-十大黑彩-| www.680622.com-一号彩票骗局揭秘| www.906196.com-彩色漫画-| www.rx38.com-51亿彩票-| www.7338.vip-彩虹7和利剑无人机| www.059860.com-怎么看彩票规律| www.623169.com-体彩试机号走势图| www.45ba.com-亚洲最大彩票顺丰| www.71620.com-购彩平台哪个好| www.315508.com-搏有彩-| www.580153.com-七乐彩今日直播开奖| www.784274.com-丛彩-| www.64im.com-众彩网怎么样| www.251982.com-搜狗彩票正规吗| www.619969.com-网络彩票概念股龙头| www.872535.com-重庆体彩官网| www.wc68.com-qq彩票官网-| www.04540.com-微信支付买足彩| www.104204.com-时时彩后二杀号技巧| www.764671.com-阳光彩票代理注册| 亿彩www.6832h.com| www.9897.biz-全部快三软件安卓版| www.151707.com-com全球彩票| www.590540.com-七星彩图谜-| www.963767.com-歌曲彩虹羽泉| www.dy05.com-福彩快三正规网站| www.403558.com-xc6cc喜彩网| www.581007.com-新浪彩票页面打不开| www.918114.com-3d彩票鬼六神算| www.mj55.com-快三和值和尾走势图| www.650.mobi-长春黑彩最新新闻| www.7382.loan-竞彩能当做事业吗| www.s44.net-免费体验彩金|