2

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

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

使用 leftnav 类中的 id（悬停或单击都可以）使用 #rightcol 背景图像（使用 jQuery，但 CSS 也可以）显示在 #rightcol div 中。

<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 声明中键入：

脚本语言=“文本/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)"); 
     });

等等

于 2012-09-11T22:24:41.427 回答
0

首先复制内容

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

之后调用效果

于 2012-09-08T17:45:19.617 回答