Question

我想在不同的脱节div上淡化背景图像......

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

使用leftnav类中的id（悬停或单击都可以）使用#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>

Answer 1

有人找到了为什么它不起作用的答案 - 我在开头的javascript声明中使用了“而不是类型”这个词：

script language =“text / javascript”

script type =“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)"); 
     });

等

Answer 2

首先复制内容

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

之后调用效果

是否可以将jQuery用于不同div的背景图像？

2 个答案: