2012-09-08 26 views
2

我想在背景圖像褪色在不同的脫節格...是否有可能將jQuery用於不同div的background-image?

http://www.bpanzullo.com/WebTech/index.html

使用的ID從leftnav類(懸停或點擊即可),用在#rightcol DIV露面#rightcol background-image(使用jQuery,但CSS也可以)。

<div id="leftcol"> 
    <div class="content"> 
    <ul class="leftav"> 
     <li class="leftnav" id="webhosting"><a href="#">Web Hosting<span class="greenSmall">Get more information</span></a></li> 
     <li class="leftnav" id="cpanel"><a href="#">cPanel<span class="greenSmall">Get more information</span></a></li> 
     <li class="leftnav" id="emailhosting"><a href="#">Email Hosting<span class="greenSmall">Get more information</span></a></li> 
     <li class="leftnav" id="reseller"><a href="#">Reseller<span class="greenSmall">Get more information</span></a></li> 
    </ul> 
    </div> 
    </div> 

//然後有背景圖像下方顯示的#rightcol DIV中

<div id="rightcol"> 
</div> 

回答

1

有人找到了爲什麼它不起作用的答案 - 我使用的是單詞語言,而不是在開頭輸入JavaScript的聲明:

SCRIPT LANGUAGE = 「文/ JavaScript的」

腳本類型= 「文/ JavaScript的」

$(document).ready(function(){ 

    $('#webhosting').click(function() { 
     $('#rightcol').css("background-image", "url(css3menu/webhosting.png)"); 
    }); 

    $('#cpanel').click(function() { 
     $('#rightcol').css("background-image", "url(css3menu/cpanel.png)"); 
    }); 

0

首頁複印內容

$("#rightcol").append($("#leftcol .content").html()); 

之後調用效果

+0

我覺得我親近這個:

+0

有人發現它爲什麼不工作的答案 - 我用這個詞的語言,而不是類型在打開的javascript聲明:

  • 11. SparkViewEngine:是否有可用的功能等同於PHP包含?
  • 12. 是否有可能有角度使用不同於瀏覽器的時區?
  • 13. 是否有可能使用jQuery
  • 14. 是否有可能使用jQuery,Javascript,
  • 15. 將backgroundImage是空的,而不是圖像
  • 16. 是否有可能將所有wordpress用戶與Salesforce同步?
  • 17. 用於切換特定div的jQuery切換功能(而不是所有具有相同類名稱的div)
  • 18. 是否有可能在jQuery中爲不同的選擇器這樣的功能?
  • 19. 是否有可能同時使用JQuery和Zepto庫?
  • 20. 是否有可能將div與位置的底部對齊:fixed?
  • 21. 是否有可能將GPU用於一般用途?
  • 22. 是否有可能在jQuery的
  • 23. 是否有可能不PixelBender
  • 24. 是否有可能使用jquery ajax更新不同頁面上的元素?
  • 25. 是否有可能使用不同的SelectItem類型創建SelectOneMenu
  • 26. 是否有可能使用不同的區域服務AWS
  • 27. 是否有可能從不同的線程調用JS函數?
  • 28. 是否有可能在WebSecurityConfigurerAdapter中使用兩個不同的AuthenticationProvider?
  • 29. 是否有可能使用copy()PHP函數爲不同的域?
  • 30. 是否有可能同時運行不同的Erlang OTP版本?