原来css显示二级菜单部分:
#access ul li:hover > ul {display: block;}

偶的博客因为已经添加了jQuery库,所以很容易实现动态下拉菜单效果,添加代码:
jQuery(document).ready(function($) {
$(‘#access ul li’).hover(function() {
$(‘ul’, this).slideDown(300)
},
function() {
$(‘ul’, this).slideUp(300)
})
});

使用Jquery后二级菜单在ie6、ie7、ie8、firefox下均能动态显示,但是前天发现在Chrome下虽然可以显示二级菜单,但是却没有动态效果,当时并不在意,今天发现在ie9下也没有动态效果,分析了一下应该是由于添加jQuery后没有删掉css原来的hover部分,浏览器对css和jquery同时执行后影响了显示效果吧,今天把css中的这部分删除了,现在测试均可以了。


寒林

www.3code.cn 专注WordPress企业主题