如何通过点击导航栏实现页面切换功能?

更新于
2026-09-30 19:26:19
1阅读来源:SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计233个文字,预计阅读时间需要1分钟。

如何通过点击导航栏实现页面切换功能?

将伪原创以下开头内容,不要数数,不超过100个字,直接输出结果:‘切换+function+houseLoad(b){+var+c+=+$(

改为:

如何通过点击导航栏实现页面切换功能?

实现功能切换,使用houseLoad函数,变量c通过jQuery获取(

切换

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')") });

本文共计233个文字,预计阅读时间需要1分钟。

如何通过点击导航栏实现页面切换功能?

将伪原创以下开头内容,不要数数,不超过100个字,直接输出结果:‘切换+function+houseLoad(b){+var+c+=+$(

改为:

如何通过点击导航栏实现页面切换功能?

实现功能切换,使用houseLoad函数,变量c通过jQuery获取(

切换

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')") });