我已经从该网站http://www.whitespace-creative.com/jquery/jnice/使用了不错的表格。我必须将列表/菜单的背景图像更改为仅聚焦的另一幅图像。我怎样才能做到这一点?
最佳答案
您只需要覆盖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');
}
);