当前位置 : 主页 > 网络编程 > JavaScript >

点击导航栏切换

来源:互联网 收集:自由互联 发布时间:2021-06-28
切换 function houseLoad(b) { var c = $("#" + b).find("img"); //获取id下所有的img标签 for (var a = 0; a c.size(); a++) { //循环所有img的个数 c.eq(a).attr("src", c.eq(a).attr("src")) //通过查找的所有img来获取所有的
切换
function houseLoad(b) {
        var c = $("#" + b).find("img");         //获取id下所有的img标签
        for (var a = 0; a < c.size(); a++) {       //循环所有img的个数
            c.eq(a).attr("src", c.eq(a).attr("src")) //通过查找的所有img来获取所有的src属性
        }
    }

    $(".house-menu").click(function () {                                    //house-menu触发点击事件
        var a = $(this).attr("type");                                       //获取house-menu类下的所有类型赋值给a
        var b = $(".house-menu[activate='activate']").attr("type");         //通过house-menu类[activate='activate']获取类型赋值给b
        $("#" + b).css("display", "none");                                  //选中id下的所有满足b给予css "display", "none";
        houseLoad(a);                                            //使用通过id获取的img来获取所有的src属性来只获取.house-menu下的类型
        $("#" + a).css("display", "block");                      //选中id下的所有满足a给予css "display", "block";
        $(".house-menu").attr("activate", "");                   //通过house-menu类选中属性activate;
        $(this).css("background", "url('/img/pcicon/listxzqytp.png')");    //替换之前的图片
        $(this).attr("activate", "activate")                                  //house-menu类的属性为activate = Sactivate";
    });
    $(".house-menu").mousemove(function () {
        $(this).css("background-image", "url('/img/listxzqytp.png')")
    });
    $(".house-menu").mouseout(function () {
        $(".house-menu:not(.house-menu[activate='activate'])").css("background-image", "url('/img/pcicon/listxzqytp.png')")
    });
网友评论