您好,欢迎来到醉满楼美食网。
搜索
您的当前位置:首页Jquery实现Tab效果思路是js思路_jquery

Jquery实现Tab效果思路是js思路_jquery

来源:醉满楼美食网


代码如下:







$(document).ready(function() {
$(".tab span:first").addClass("current"); //为第一个SPAN添加当前效果样式
$(".tab ul:not(:first)").hide(); //隐藏其它的UL
$(".tab span").mouseover(function() {
$(".tab span").removeClass("current"); //去掉所有SPAN的样式
$(this).addClass("current");
$(".tab ul").hide();
$("." + $(this).attr("id")).fadeIn('slow');
});
});





tab1 tab2 tab3



  • 脚本之家
  • www.gxlcms.com
  • 我和我


  • 一花一世办
  • 一草一天堂


  • 阿里巴巴
  • 阿里巴巴
  • 一草一天堂
  • 我和我的祖国
  • 最爱的地方





  • 演示代码 http://demo.jb51.net/js/jquery_tab/index.htm

    Copyright © 2019- zuimanlou.com 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务