当我访问某些站点并将鼠标指针移到某个菜单项上时，另一个子菜单项出现在与主菜单项相邻的另一个面板中。从而产生类似 onmouseover 的效果。但是当我看到源代码(如 IE 中的查看源选项)时，菜单项列表元素中没有定义 onmouseover/onmouseout 事件。
例如，在网站 http://www.seoconsultants.com/ - 将鼠标指针移至左侧面板上的 SEO 搜索 或网站 >http://www.znetindia.com 在顶部菜单栏上使用鼠标指针电子邮件选项
如何使用 css 和 javascript 获得这样的效果。
最佳答案
不用JS，只用CSS。看看源码:http://www.seoconsultants.com/css/seo.css
/* Begin CSS Popout Menus at Left */
#menuleft ul li{position:relative;}
#menuleft li ul{position:absolute;left:180px;top:0;display:none;padding:0;}
div#menuleft ul li:hover ul{display:block;}
基本上你会说:“当鼠标悬停在父列表元素上时，子列表应该是可见的。”
关于javascript - css 和 javascript onmouseover 类型效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4115018/