html 二级菜单怎么让鼠标移动到二级，三级。。。的时候，一级样式不改变。当移出的时候改变。

Posted 2023-05-12

方法一：可以使用包含关系，就像楼上所说，1级菜单包含2级，2级包含3级，这样可以使用:hover来定义1级菜单。
方法二：可以定义相对应的ID，比如一级：id=‘menu_1'，二级：id=’menu_2'之类的，前面一致，然后使用JS自己拼接一级的ID，来对DOM对象做处理。

只是一些思路，可能已经有脚本可以完成。追问

是包含嵌套的呀。

追答

zhaizhengcheng已经回答你的嵌套的问题了，我就不多说了。
嵌套后也可以用JS写。

参考技术A 把dom结构改一下，让3级处于2级里面，让2级处于1级里面，然后通过js查找dom父子级关系来实现。js实现方法跟你现在的2级-3级是一样的。追问

我是嵌套的呀。

追答

你只是二三级嵌套了，二三级没有嵌套到一级里面。可以参考这个效果实现方法：http://www.16sucai.com/uploadfile/show6/jquerynav007/

参考技术B 用js判断吧，当鼠标还在包含范围内就显示样式，移走之后则移除对应样式

鼠标事件-二级菜单

1、用到的包和方法

需求导入ActionChains包：

from selenium.webdriver.common.action_chains import ActionChains

2、需求

鼠标移动到页面中某按钮或菜单，自动弹出二级菜单或下拉菜单，再自动点击其中的二级菜单或下拉列表。以百度首页“更多产品”--“糯米”为例。

3、代码实现

 1 # encoding=utf-8
 2 from selenium import webdriver
 3 from selenium.webdriver.common.action_chains import ActionChains
 4 
 5 driver = webdriver.Firefox()
 6 driver.maximize_window()
 7 driver.get(‘http://www.baidu.com‘)
 8 
 9 # 使用find_element_by_link_text找到顶级菜单，并将鼠标移动到上面
10 article = driver.find_element_by_link_text(u‘更多产品‘)
11 ActionChains(driver).move_to_element(article).perform()
12 
13 # 使用find_element_by_link_text找到二级菜单，并点击
14 menu = driver.find_element_by_link_text(u‘糯米‘)
15 menu.click()
16 
17 #关闭浏览器
18 driver.close()