2013-08-07 95 views
-1

我正在爲這個問題而苦苦掙扎,它很可能是我很愚蠢,但有人可以幫忙。jQuery設置元素來源的背景圖片

當你在我的例子中滾動,藍條滴下來,裏面會是從實際#logo

jsFiddle

jQuery的

$(function() { 
    $(".topbarlogo").css({ 
     "background":"#000" 
     }); 
    var _wrapwidth = $('#wrap').width(); 
    var _topbar = $("<div/>").attr({ 
     "id": "topbar", 
     }).css({ 
      "width": _wrapwidth, 
      "height": "50px", 
      "background":"#43A6DF", 
      "position": "fixed", 
      "top":"0", 
      "margin":"0 auto", 
      "display":"none", 
      "z-index":100 
     }); 
    var _logo = $('#logo img').attr("src"); 
    var _topcontent = $("<div/>").append("<div id='topbarlogo' class='topbarlogo'></div>"); 
    console.log(_logo); 
    $(_topbar).append(_topcontent); 

    $("#wrap").prepend(_topbar); 
    $(window).scroll(function(e){ 
     if ($(window).scrollTop() > 10) { 
      console.log('>10'); 
      $(_topbar).slideDown(); 
     } else if ($(window).scrollTop() == 0) { 
      console.log('0'); 
      $(_topbar).slideUp(); 
     } else { 
      console.log('0'); 
      $(_topbar).slideUp(); 
     } 
    }); 
}); 
+0

'.topbarlogo'只是似乎無法加載'背景'是否使用CSS或圖像。 – ngplayground

回答

4

頁面設置的標誌嘗試

var _topcontent = $("<div/>").append('<div id="topbarlogo" class="topbarlogo"><img src="' + _logo + '"/></div>'); 

演示:Fiddle

+0

這是有效的。但是有沒有辦法將圖像作爲背景圖像傳遞給'#topbarlogo'? – ngplayground