垂直列表导航菜单效果
公司要做一个左侧带垂直列表式的导航菜单的一个商城列表页,要求鼠标移到大类上显示出产品列表。
效果图:
然后找了一个以前用过的js代码修改了一下,结果在IE能显示出弹出产品列表效果,在FF下没有反映。
没办法,就另存了一份备份文件代码和样式,重新改了一遍,结果变成在了IE下没反映,而FF下能显示了。
又把两份文件对着修改,看具体差别在那。最后鼓捣了半天,终于搞定了。
JS代码:



















CSS代码:
























演示效果:
提示:可以先在文本框内,根据需要修改代码后再运行