jQuery简单实现网页选项卡特效

前端之家收集整理的这篇文章主要介绍了jQuery简单实现网页选项卡特效前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

CSS:

代码如下:
Box{width:400px; height:200px; overflow:hidden; border:#A8C9D9 1px solid; padding:10px 8px; } .tab_menu ul li.selected{background:#dadada; cursor:pointer; } .hide{display:none;}

jQuery:

代码如下:
高亮 .siblings().removeClass("selected"); //去掉其它同辈
  • 的高亮 var index = $menu_li.index( $(this) ); //找到
  • 子节点的索引 $("div.tab_Box > div").eq(index).show() //索引为N的DIV显示出来 .siblings().hide(); //其它的选项卡隐藏 }) })
  • html:

    代码如下:
  • 博客
  • Box">
    Box">我的QQ:123456
    Box hide">hi
    Box hide"> hello

    猜你在找的jQuery相关文章