2

別のバラバラな div の背景画像をフェードインしたい...

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

leftnav クラスの ID を使用して (ホバーまたはクリックでOK)、#rightcol background-image を使用して #rightcol div に表示します (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>
4

2 に答える 2

1

誰かがそれが機能しない理由の答えを見つけました-私は最初のjavascript宣言に入力する代わりに言語という言葉を使用しました:

スクリプト言語="text/javascript"

スクリプトの種類="text/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)"); 
     });

等

于 2012-09-11T22:24:41.427 に答える
0

最初にコンテンツをコピーします

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

その後、エフェクトを呼び出します

于 2012-09-08T17:45:19.617 に答える