jquery - 在 jQuery Nice 表单中更改背景

Question

我使用了这个网站的漂亮表格 http://www.whitespace-creative.com/jquery/jnice/ .我必须将列表/菜单的背景图像更改为另一个仅在焦点上的图像。我该怎么做？

Answer 1

你只需要从jNice.css覆盖原来的样式

按以下样式更新背景图像:

.jNiceSelectWrapper .jNiceSelectOpen {
    background: url("http://www.whitespace-creative.com/jquery/jnice/elements/select_right.gif") no-repeat scroll center center transparent;
    display: block;
    height: 17px;
    position: absolute;
    right: 0;
    width: 21px;
    z-index: 100;
}

根据需要编写 :hover 样式。因为，我在这里没有得到太多明确的问题。

一些更详细的onHover效果代码如下:

$(".YourClass").hover(
  function(){
  $(this).css('background-image','newImagePath.jpg');
  },
  function(){
    $(this).css('background-image','oldImagePath.jpg');
  }  
 );