怎样解决下拉菜单被下面的js图片覆盖的问题

JavaScript014

怎样解决下拉菜单被下面的js图片覆盖的问题,第1张

<table class="menu" id="dxgc" width="120"  height="200"  cellpadding="0" cellspacing="0" style="position: absolutez-index: 1001">

更换背景图片有两种方式：

1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景图片就会覆盖之前的图片

$(this).css("background","url(1.jpg) no-repeat 0 0")

2、写两个class，一个class里面写一个背景图片，js中操作的话直接改变元素的class就可以了

$(this).removeClass('classA').addClass('classB')

相对而言，第二种方式更好一点，实现了js中尽量不书写css的理念，同时第二种可以实现背景图片不断替换，而第一种不行