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>
, 어떻게 모든 리튬의 배경을 볼 수 있습니다 내용도?
감사합니다. 당신의 mouseenter
및 mouseleave
코드 조각에서
확실히 당신의 코드를 이해하지, 당신이 설명해주십시오 수 있을까? 덕분에이 줄을 추가! – terry
이 문장은 jQuery가 ul 아래 li의 범위를 좁히도록 도와줍니다. 당신이 ul 스타일을 바꾼 것처럼, 마찬가지로 li도 스타일 – Arindam
일 수 있습니다. 그러나 사실 저는 이미 아래와 같이 스타일을 지정했습니다 : ul = $ ('# titlelist li'); – terry