
更多>
最新下载
24小时阅读排行榜
- 1 win10无法修改Hosts文件提示没有权限怎么办 _Win10 Hosts文件无法修改解决方法
- 2 splitlines在python中返回列表
- 3 知网查重官网入口 免费AIGC检测链接
- 4 如何在Linux中备份和恢复用户数据?
- 5 微信视频通话画面卡顿怎么办 微信视频通话网络优化与操作方法
- 6 JavaScript装饰器模式与元编程技术
- 7 亚马逊代购支付陷阱警示_亚马逊代购支付陷阱识别
- 8 TikTok直播画面卡顿怎么办 TikTok直播画面优化与网络调整方法
- 9 淘宝购物车商品消失怎么办 淘宝购物车同步与修复方法
- 10 虚拟伴侣AI如何升级对话质量 虚拟伴侣AI自然语言处理的进阶教程
- 11 Bilibili登录页面 Bilibili官网网址
- 12 虚拟伴侣AI如何实现情景对话 虚拟伴侣AI场景模拟功能的设置技巧
- 13 html5使用web components构建可复用按钮 html5使用自定义元素的实战
- 14 python中mock的断言使用
- 15 soul怎么看对方把我设置成了什么关系_Soul好友关系查看方法
更多>
最新教程
-
- Node.js 教程
- 5924 2025-08-28
-
- CSS3 教程
- 874402 2025-08-27
-
- Rust 教程
- 9484 2025-08-27
-
- Vue 教程
- 11584 2025-08-22
-
- PostgreSQL 教程
- 8991 2025-08-21
-
- Git 教程
- 4729 2025-08-21
jQuery+左侧选项卡菜单点击切换代码
$(document).ready(function(){
function myfunction(li,li_a,menu_tab){
li.click(function(){
var index=$(this).index();
menu_tab.eq(index).addClass("active").siblings().removeClass("active");
li_a.removeClass("selected");
li_a.eq(index).addClass("selected").siblings().removeClass("selected");
});
}
myfunction($(".container .menu .ulmenu1 li"),$(".container .ulmenu1 li a"),$(".container .content .menu1 .tab"));
myfunction($(".container .menu .ulmenu2 li"),$(".container .ulmenu2 li a"),$(".container .content .menu2 .tab"));
myfunction($(".container .menu .ulmenu3 li"),$(".container .ulmenu3 li a"),$(".container .content .menu3 .tab"));
$(function(){ //ul/li的折叠效果
$(".menu > ul").eq(0).show();
$(".menu h3").click(function(){
//找menu对应的tab
$(".menu_tab > div").removeClass("active");
var val=($(this).next().attr('class'));
var menu_value=(val.substring(val.length-1));
$(".container .content .menu"+menu_value+" .tab:first-child").addClass("active");
$(".container .menu .ulmenu"+menu_value+" li>a").removeClass("selected");
$(".container .menu .ulmenu"+menu_value+" li a").eq(0).addClass("selected");//默认设置为被选中状态
$(this).next().stop().slideToggle();
$(this).siblings().next("ul").stop().slideUp();
});
function myfunction(li,li_a,menu_tab){
li.click(function(){
var index=$(this).index();
menu_tab.eq(index).addClass("active").siblings().removeClass("active");
li_a.removeClass("selected");
li_a.eq(index).addClass("selected").siblings().removeClass("selected");
});
}
myfunction($(".container .menu .ulmenu1 li"),$(".container .ulmenu1 li a"),$(".container .content .menu1 .tab"));
myfunction($(".container .menu .ulmenu2 li"),$(".container .ulmenu2 li a"),$(".container .content .menu2 .tab"));
myfunction($(".container .menu .ulmenu3 li"),$(".container .ulmenu3 li a"),$(".container .content .menu3 .tab"));
$(function(){ //ul/li的折叠效果
$(".menu > ul").eq(0).show();
$(".menu h3").click(function(){
//找menu对应的tab
$(".menu_tab > div").removeClass("active");
var val=($(this).next().attr('class'));
var menu_value=(val.substring(val.length-1));
$(".container .content .menu"+menu_value+" .tab:first-child").addClass("active");
$(".container .menu .ulmenu"+menu_value+" li>a").removeClass("selected");
$(".container .menu .ulmenu"+menu_value+" li a").eq(0).addClass("selected");//默认设置为被选中状态
$(this).next().stop().slideToggle();
$(this).siblings().next("ul").stop().slideUp();
});
});
这是一款jQuery+左侧选项卡菜单点击切换代码,点击左侧选项卡可进行菜单切换。


本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn