我又遇到问题了！这段JS我看不懂，想改个边框和背景不知道怎么改？

Question

  // 鼠标放到菜品图片上显示
$(function(){

    var x = 30;
var y = 95;

$(".sc_cai_tj ul li > img").hover(function(e){
$("body").append('<div id="bigimage2">'+$("#cai_xiangqing").html()+'</div>');
        $(this).stop().fadeTo(0,0.9);
widthJudge(e);
    $("#bigimage2").fadeIn(0);
},function(){
    $(this).stop().fadeTo(0,1);
$("#bigimage2").remove();
    });

$(".sc_cai_tj ul li > img").mousemove(function(e){
widthJudge(e);
});

    function widthJudge(e){
var marginRight = document.documentElement.clientWidth - e.pageX; 
var imageWidth = $("#bigimage2").width();
if(marginRight < imageWidth)
{
    x = imageWidth + 22;
$("#bigimage2").css({top:(e.pageY - y ) + 'px',left:(e.pageX - x ) + 'px'});
}else{
    x = 22;
    $("#bigimage2").css({top:(e.pageY - y ) + 'px',left:(e.pageX + x ) + 'px'});
        };
}

$(".caitu_show").each(function(){

$(this).hover(function(){ $(this).children(".caitu_img").show();
},function(){
$(this).children(".caitu_img").hide();
})
})
});
// 鼠标放到菜品图片上显示完成就是这段代码，
下边这个是.caitu_img的样式，
.caitu_show .caitu_img {
display:none;
float:left;
position: absolute;
border:1px #248e1b solid;
padding:5px;
background:#fff;
left: 20px;
top: 15px;
z-index:999999999;
}我想实现的效果就是：原来鼠标放到这张菜品图上会弹出一个类似于图片的小提示，上边有配料的文字，这个小提示的背景是灰色的淅变色，我不知道是怎么调的，我想把这个背景变成白色背景，绿色边框，怎么弄啊！求各位帮忙？

Answer 1

border  background 去改改这2个试试

Answer 2

这个怎么改啊，我怎么打不出这个样式啊,只有border-style,border-color这些

Answer 3

获取你要改的元素节点node
然后node.css("background","url('a.jpg')");
node.css("border","2px solid red");就可以了。。

Answer 4

BLUE—LG麻烦您在详细说一下，这个获取节点怎么弄，我要加到什么里边啊，怎么加啊！能不能帮我列出来？

Answer 5

$("body").append('<div id="bigimage2">'+$("#cai_xiangqing").html()+'</div>');
若是从这儿显示图片的话，需$('#bigimage2').addClass('caitu_img');

Answer 6

还是不行啊，我加上了$('#bigimage2').addClass('caitu_img');这名，在显示时，鼠标划过菜品图时出来的小提示配料时的背影是有白色了，可是不是原来的样子是超出了原来的图片大小的范围,也没有绿边框？各位在帮我看看，改这个边框这么难

Answer 7

http://hi.csdn.net/attachment/201109/2/10165841_1314942062qF0G.gif大家看看这个图片就懂了，我就是想把那个图片上的小提示：配品那个背景改为白色，绿边框，各位帮帮看看？