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.77598.com-新宝彩票平台| www.057837.com-天津快三开奖走势图| www.288345.com-快三挣钱吗-| www.409977.com-鸿发彩票网没有客服| www.521927.com-好易终端彩票兑奖| www.594131.com-今曰说法失控的黑彩| www.672122.com-三d风云彩票a版| www.755826.com-旺彩网站骗局| www.882223.com-狂三本子全彩下载| www.965262.com-辽宁彩票官方网站| 博汇www.828916.com| www.kg00.com-手机投注彩票app| www.h88.top-宏盛彩票-| www.41xg.com-彩票新浪彩票网| www.694.bid-竞彩猫指数的安全区| www.4991.biz-彩票平台最好的| www.04133.com-彩票工具一今曰运势| www.50874.com-苏宁彩票平台可信吗| www.95789.com-2018彩礼排行榜| www.061222.com-鼎丰彩票骗局| www.278032.com-旺彩店主版-| www.365905.cc-彩铅勾线-| www.461899.com-好彩客苹果下载不了| www.552930.com-今日福彩字谜新彩网| www.657991.com-福彩电子走势图软件| www.751750.com-123+彩票网-| www.839228.com-75彩app-| www.909418.com-中国福彩网积分查询| www.972813.com-完整版比分彩客网| www.dd93.com-体彩做庄-| www.uv57.com-大玩家时时彩平台| www.11ur.com-500彩粟网-| www.79st.com-中彩票大奖人的结果| www.1912.me-一个人领彩票| www.7508.vip-开体彩店经验| www.23367.com-中国足彩馆踩踏合集| www.66927.cc-大连福彩在线官网| www.086558.com-自助彩票机厂家| www.152186.com-连接软件破解彩票| www.252889.com-五福彩票app| www.324719.com-七k官方彩票| www.392681.com-江苏体彩领奖地址| www.532080.com-美术作品图片彩铅画| www.616069.com-即时开彩即的彩| www.686879.com-四年级中彩那天课件| www.764233.com-进球彩怎么玩| www.871221.cc-71彩票-| www.950680.com-八亿彩平台是真的吗| 天天彩票www.2373q.com| www.da71.com-彩票跨度振幅走势图| www.ul21.com-内蒙古体育彩票站| www.05la.com-足彩赔率计算| www.74vw.com-摸彩票有什么技巧| www.1166.bid-关于彩票的广告语| www.01444.cc-大乐透开奖新浪爱彩| www.53251.cc-发彩网外挂-| www.95567.com-玩彩票怎么分配资金| www.055826.com-江西快三营业时间| www.155086.com-打鱼送彩金可兑现| www.238062.com-发彩网快三-| www.313951.com-买吉林快三大小| www.379327.com-福彩几天一开奖| www.517455.com-彩票最大中奖金额| www.585280.com-彩神8分分快三| www.656320.com-2018彩票大奖| www.760246.com-自助彩票机如何投放| www.843842.com-体彩知识题-| www.9953.xyz-竞彩篮球胜分差技巧| www.374952.com-海南飞鱼彩票安全吗| www.wz16.com-南国七星彩论坛社区| www.82016.com-种彩票的预兆| www.032976.com-网易彩票网官方下载| www.107262.com-多种快开彩-| www.169455.com-彩票甘肃11选五| www.281847.com-台湾时时彩开奖官方| www.363512.com-赌彩票死了多少人| www.444080.com-体育彩票nba玩法| www.530339.com-彩票奖金等级| www.637228.com-双色球中彩网走势| www.719235.com-描写彩虹的好词| www.789419.com-体育彩票有什么数字| www.860213.com-时时中彩票官方登录| www.911188.com-k彩一客服-| www.968047.com-福彩领导犯的什么罪| www.tk16.com-河南省体彩兑奖地址| www.9wc.cc-体彩超级大乐透微博| www.60zk.com-福彩3b字迷主题| www.955.org-彩票什么玩-| www.7187.win-足彩北单什么意思| www.18228.cc-体育彩票刮刮乐下载| www.56392.cc-彩富网app下载| www.96869.cc-竞彩推荐交易排行| www.053164.com-开群买彩票-| www.166116.com-贵州快三走势图| www.239826.com-彩票篮球火箭勇士| www.309087.com-快三中奖率高| www.369333.com-703com彩票| www.451545.com-福彩走势图表带连线| www.533778.com-七星彩的千位数在哪| www.652508.com-今日福彩相年富图谜| www.727180.com-酷彩彩票网官网| www.792762.com-河南安阳彩票站中心| www.861548.com-开体育彩票店赚钱吗| www.919919.com-送18app彩-| www.972175.com-怎么下载菠萝彩软件| www.an37.com-贵阳体彩中心| www.qa40.com-百盈彩票app下载| www.5jk.cc-中福在线快三| www.53ot.com-彩票中奖奖金计算器| www.658.la-亿元彩票网是黑彩吗| www.3910.org-南国七星彩长条图| www.8682.cc-全国彩票开奖官网| www.57999.cc-旺彩网站-| www.006997.com-qq彩票在哪买| www.064005.com-菠萝彩软件下载| www.142409.com-彩八彩票网址| www.208938.com-快彩乐官网-| www.268323.com-快彩助手是什么情况| www.363652.com-什么是重彩油画棒| www.436511.com-体育彩票赛车走势图| www.520685.com-时时彩任三怎么玩| www.579463.com-正彩网网址-| www.639415.com-彩票刮刮乐在线刮| www.755793.com-福彩好运四开奖结果| www.828612.com-海口彩票网高手论坛| www.887004.com-众发彩票计划| www.963471.com-简单彩铅画图片大全| 奔驰彩票www.29178c.com| www.bd33.com-彩票极速快3| www.py04.com-58599彩票-| www.8xu.cc-天霁彩票论坛手机版| www.53zf.com-贵阳有人中过彩票嘛| www.462.win-福彩3d精准定胆| www.3225.pw-xy258幸运彩票| www.7826.shop-如何让彩票提前开奖| www.20326.com-重庆实时彩平台| www.54900.com-厘模式彩票-| www.90441.com-天吉彩票论坛手机| www.034516.com-nba体彩预测| www.185382.com-快三一定牛推荐| www.242447.com-四亿彩票网址| www.301443.com-七星彩开奖日期时间| www.358590.com-足球彩票3串1| www.425586.com-杏彩注册-| www.509576.com-彩票站提前开奖源| www.565971.com-pp彩票是什么| www.620139.com-陶彩票登录-| www.676143.com-七乐彩机选中奖| www.735779.com-彩票分析师-| www.793570.com-彩票站的老虎机| www.855572.com-七乐彩单式| www.905761.com-球彩直播-| www.959978.com-足彩职业玩家收入| www.994561.com-彩票兑奖号码查询| www.cp4.cn-贵州彩票中心| www.hp28.com-彩票号码生成器| www.vg77.com-南京福彩3d-| www.6ln.com-彩票数学概率论| www.46ww.com-体彩归哪个部门管| www.091.pw-博彩嘉年华-| www.2352.win-七彩虹主板重装系统| www.6699.site-新彩网字谜画谜总汇| www.08376.com-体彩官网app| www.39398.cc-全民彩票可以玩吗|