2011-11-28 4 views
0

자바 스크립트 : 아래jQuery에서 li 배경을 어떻게 보이게 할 수 있습니까? 아래

$(function(){ 

    div = $("#titlelist"); 

    ul = $('#titlelist li'); 

    ul.css({overflow: 'hidden'}); 


    ul.each(function(){ 
     $(this).css({overflow: 'hidden'}); 
     $(this).mouseenter(function(e){    
      $(this).css({overflow: 'visible', background:'#CCC', 'z-index': '100'}); 

     }); 
     $(this).mouseleave(function(e){    
      $(this).css({overflow: 'hidden', background:''}); 

     }); 
    }); 
}); 

HTML :

마우스를 볼 수 있습니다 만 리 내용과 배경 색상의 일부를 입력하면
<div id="container"> 
    <ul id="titlelist"> 
     <li>GBin1 Page view monitor Demo</li> 
     <li>GBin1 Page view monitor Demo</li> 
     <li>GBin1 Page view monitor Demo</li> 
    </ul> 
</div> 

, 어떻게 모든 리튬의 배경을 볼 수 있습니다 내용도?

감사합니다. 당신의 mouseentermouseleave 코드 조각에서

답변

0

는 리튬의

$('li', this).css(...); 
+0

확실히 당신의 코드를 이해하지, 당신이 설명해주십시오 수 있을까? 덕분에이 줄을 추가! – terry

+0

이 문장은 jQuery가 ul 아래 li의 범위를 좁히도록 도와줍니다. 당신이 ul 스타일을 바꾼 것처럼, 마찬가지로 li도 스타일 – Arindam

+0

일 수 있습니다. 그러나 사실 저는 이미 아래와 같이 스타일을 지정했습니다 : ul = $ ('# titlelist li'); – terry

관련 문제