Javascript jqueryfadein的问题

Javascript jqueryfadein的问题,javascript,jquery,css,nivo-slider,Javascript,Jquery,Css,Nivo Slider,我这里有一段代码,它可以工作,但不确定为什么我的fadein和fadeout对身体不起作用, 如果你认为我有什么问题,请告诉我,谢谢 <script type="text/javascript"> $(window).load(function() { var lastSlide = ""; $('#slider').nivoSlider({ effect: 'random', directionNavHide : true,

我这里有一段代码,它可以工作,但不确定为什么我的fadein和fadeout对身体不起作用, 如果你认为我有什么问题,请告诉我,谢谢

    <script type="text/javascript">
$(window).load(function() {
    var lastSlide = "";
    $('#slider').nivoSlider({
        effect: 'random',
        directionNavHide : true,
        slices : 15,
        animSpeed : 500,
        pauseTime : 6000,
        controlNav : false,
        pauseOnHover : true,
        directionNav:true, //Next & Prev
        directionNavHide:true, //Only show on hover
        beforeChange: function(){
            if(lastSlide == "images/header_used.jpg") {  //use the bg image of the slide that comes before the newslide
                $("body").attr("style","background: #000 url(images/bg.jpg) top center no-repeat;").fadeIn("slow");
            } else {
                $("body").attr("style","background: #ADADAD url(images/bgnd_grad.jpg) repeat-x;").fadeOut("slow");
            }
        },
        afterChange: function() {
            t = $(this).children("a:visible");
            lastSlide = $("img", t).attr("src");
        }
    });
});
</script>

$(窗口)。加载(函数(){
var lastlide=“”;
$(“#滑块”).nivoSlider({
效果:“随机”,
方向NavHide:正确,
片数:15,
速度:500,,
暂停时间:6000,
控制导航:错误,
pauseOnHover:是的,
directionNav:true,//下一个和上一个
directionNavHide:true,//仅在悬停时显示
更改前:函数(){
如果(lastSlide==“images/header_used.jpg”){//使用新闻幻灯片前面幻灯片的bg图像
$(“body”).attr(“style”,“background:#000 url(images/bg.jpg)顶部中间不重复;”).fadeIn(“slow”);
}否则{
$(“body”).attr(“style”,“background:#ADADAD url(images/bgnd_grad.jpg)repeat-x;”);
}
},
后更改:函数(){
t=$(this.children(“a:visible”);
lastSlide=$(“img”,t).attr(“src”);
}
});
});

虽然它可以解决你的身体背景任务。相反,我会使用addClass和removeClass。您正在操作样式属性,该属性也使用“显示/隐藏”属性


我没有办法测试它,但是如果您将淡入淡出切换为show()和hide(),只是为了确定延迟是否是一个因素,会发生什么情况:)

这是因为“lastSlide”变量可以存储多个对象(一个来自img,另一个来自visible link)

这使得比较有点棘手,可能会产生错误

再加上你用最糟糕的方式塑造自己的身体。正如其他人所说,使用class或.css jQuery函数(http://api.jquery.com/css/)


希望这对身体有帮助,绝对有效。 正如我所说的,应该是这样的
$(“body”).css(“background”、“#000 url(images/bg.jpg)顶部中间不重复;”)。淡出(“slow”)

如果仍然不起作用,您可能应该查看您的nivoSlider函数

$(“body”).attr(“style”,“background:#000 url(images/bg.jpg)top center no repeat;”).fadeIn(“slow”)-应该是-
$(“body”).css(“background”,“url(images/bg.jpg)无重复中心顶部#000”).fadeIn(“slow”)嘿,谢谢你的回复仍然不起作用。如果你不确定,那么你可以发表评论试图澄清
 t = $(this).children("a:visible");
 lastSlide = $("img", t).attr("src");  //could store multiple source.