2012-09-08 2 views
2
내가 다른 끊긴 사업부에 배경 - 이미지에 페이드 할

... 사용 #rightcol의 사업부에 표시하기 (가져 또는 OK입니다 클릭 중 하나)을 leftnav 클래스에서 아이디의 사용다른 div의 배경 이미지에 jQuery를 사용할 수 있습니까?

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

#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> 

// 다음 배경 - 이미지가

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

답변

1

에게 호출 #rightcol div의 내부에 아래 표시 누군가가 왜 작동하지 않는지에 대한 해답을 찾았습니다 - 저는 개통식에 문자 대신에 언어라는 단어를 사용했습니다 자바 스크립트 선언 :

스크립트 언어 '자바 스크립트 텍스트/"="텍스트/자바 스크립트 "

스크립트 유형 =

$(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

this :

+0

누군가가 작동하지 않는 이유의 해답을 발견 - 나는 여는 자바 스크립트 선언에서 대신 형의 말씀 언어를 사용 : "= <스크립트 언어 ="텍스트/자바 스크립트 "> <스크립트 유형 텍스트/자바 스크립트 "> $ (문서) .ready (함수() { \t \t \t $ ('# 웹 호스팅'). 클릭 (함수() { $ ('#의 rightcol'). CSS ("배경 이미지 " , "url (css3menu/webhosting.png)"); } $ ('# cpanel') 클릭 (기능() { $ ('# rightcol'). css ("background-image" "url (css3men u/cpanel.png) "); }}); 등 –

+0

@BobPanzullo이 질문을 제거하고 모든 코드로 다시 작성하는 것이 가장 좋습니다. –

관련 문제