蒙圈小齐 2021-12-08 17:31 采纳率: 50%
浏览 553
已结题

点击导航栏切换div层内容

img


我想点击上面导航栏里面那四个div层 实现下面div层内容的切换

  • 写回答

5条回答 默认 最新

  • 一只成序源 2021-12-08 17:35
    关注

    点击哪个，这个div设置成display:block，其他的display:none;

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题？

  • 实现点击导航栏内容切换
    2022-09-05 15:28
    iiiilooaixuud的博客 很常见的一种切换导航栏内容变化的实现方式
  • Header导航栏修改前端
    2025-03-14 18:02
    在JavaScript层面，我们可以添加一些动态效果，比如响应式的导航栏切换、下拉菜单等。这通常涉及到监听窗口大小变化、鼠标事件等。例如： ```javascript window.addEventListener('resize', function() { if ...
  • js实现导航栏中英文切换效果
    2020-10-20 15:05
    在JavaScript实现导航栏中英文切换效果的过程中，主要涉及到前端网页设计和交互的实现。这个功能通常用于多语言网站，使得用户能够轻松地在不同的语言版本之间进行切换。在这个示例中，虽然没有直接使用JavaScript来...
  • 导航栏切换内容，点击切换到对应的内容，html，css，js实现
    2023-01-04 18:22
    至尊鸡的博客 导航栏切换内容，点击切换到对应的内容，html，css，js实现，添加隐藏类
  • layui点击导航栏刷新tab页的示例代码
    2020-10-18 05:50
    在Layui的tab组件中，若要实现点击导航栏切换tab页时能够刷新内容，可以利用Layui提供的配置选项来实现。具体的方法是通过修改tab组件的配置项中的autoRefresh属性来达到效果。在未修改之前，autoRefresh的默认值为...
  • css实现点击内容切换div
    2022-08-29 20:09
    @陈序员的博客 有用的到的地方可以直接复制代码，可以直接使用哦~也可以用来点击切换照片，只需要把，下面div里面文字内容换成img就可以了.
  • vue.js实现左边导航切换右边内容
    2020-10-16 04:16
    - 导航栏中每个菜单项对应右边的一个视图内容，点击不同的菜单项，可以通过改变视图组件来切换展示的内容。 2. **Vue.js中的组件化**： - 文档中提到使用`<template>`和`<script>`标签定义Vue组件，分别用来定义...
  • 导航栏切换
    2025-02-07 19:57
    赢过我也要赢过生活的博客 这种布局通常被称为粘性导航栏布局或吸顶导航栏布局，也有部分人将其称为渐变过渡导航栏布局，主要是强调导航栏在过渡效果上的特点。
  • 纯css实现点击导航切换内容
    2024-08-30 16:44
    hw_happy的博客 现在要做一个功能，需要内嵌一个html页面，现在有一个表格有两种状态，仅...这样打开浏览器，默认显示的就是第一个div下的内容，切换也会移除其他导航下的内容。，它会在点击#divA元素之后选中所有#divA元素之后 的。
  • 网页导航的点击及内容切换效果
    2022-02-22 18:35
    卡卡西最近怎么样的博客 一共四个导航块的内容分别放在四个 div 内部，div 的 display 设置为 none 隐藏，然后在蓝色区域是按标准流依次叠放在一起的，使用 queryselector 获取到每一个 div，于是每个div也有了与导航 li 标签相同对应的索引...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 5月7日
  • 已采纳回答 4月29日
  • 创建了问题 12月8日