首页 > Web开发 > 详细

前端js 分享一个以张html多个小页面切换的一个我推演的方法

时间:2021-01-07 19:07:50      阅读:30      评论:0      收藏:0      [点我收藏+]

实际使用中可能会出现一个页面上出现多个页面根据按钮不同分别展示不同页面的功能,此处分享一个我自己根据kv结构推演的实用函数

为了书写方便此处使用了jquery

 

function clickExchangeUI(key,val){
    if($(key).hasClass("current_k")) return;
    else{
        $(".current_k").removeClass("active");
        $(".current_v").css({"display":"none"});
        $(".current_k").removeClass("current_k");
        $(".current_v").removeClass("current_v");
        $(key).addClass("active");
        $(val).css({"display":""});
        $(key).addClass("current_k");
        $(val).addClass("current_v");
    }
}
$(".user_k").click(function(){clickExchangeUI(".user_k",".user_v")});
$(".device_k").click(function(){clickExchangeUI(".device_k",".device_v")});

 

具体的html关键代码如下

技术分享图片

 

前端js 分享一个以张html多个小页面切换的一个我推演的方法

原文:https://www.cnblogs.com/RYSBlog/p/14247631.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!