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

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 就是路由跳转控制，其他不会

对前端了解不多。只是说明一下楼主的意思吧

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

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

帐号		自动登录	找回密码
密码			注册[Register]

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

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