网站 › 『编程语言讨论求助区』 › 要实现这样的前端 选项卡 怎么写代码？

plaodj 发表于 2020-5-12 11:38

要实现这样的前端 选项卡 怎么写代码？

如图：

把导航栏目 放在左边   ；鼠标放在栏目上门时   右侧面板显示相关栏目内容

这样的hov代码怎么写呢?

戒心 发表于 2020-5-12 11:41

这种百度不是一大堆吗这种 跟商城的分类还不是一样

934662056 发表于 2020-5-12 11:42

html css JavaScript JavaScript监听鼠标 操作css

murray1126 发表于 2020-5-12 11:44

jquery插件那个网站应该有差不多的源码吧 http://www.jq22.com/

小白白爱吃糖 发表于 2020-5-12 11:48

target 属性a标签,查查相关资料你就知道了 根本用不上js

chung_chau 发表于 2020-5-12 12:00

鼠标悬停实现显示或隐藏，CSS就可以实现

swith丶 发表于 2020-5-12 12:10

楼主想问的应该是：点击左侧选项后，右侧面板跳转，如果使用的 Vue 就是路由跳转控制，其他不会{:17_1082:} 对前端了解不多 。只是说明一下楼主的意思吧

plaodj 发表于 2020-5-12 12:16

大神们在你们看来指指点点就够了   不给源码

可是对于没入门的    还未开化的人来说   必须牵着鼻子走的啊   

FrancisX 发表于 2020-5-12 12:27

陈述下我理解的意思：
1、点击左侧导航栏，右侧跳转单独的页面。iframe嵌入。
2、楼主想问如何实现这种跳转？
3、个人认为核心都是改iframe的url。
4、以vue的element为例，建议先看官方示例：https://element.eleme.cn/#/zh-CN/component/menu
5、官方示例弄清楚以后再到github看各个模块剥离为单独vue文件的示例。

Yo丨Se7ven 发表于 2020-5-12 13:33

首先你要有基础知识，然后百度上查询相关代码，阅读代码，再自己写代码

查看完整版本: 要实现这样的前端 选项卡 怎么写代码？