스크립트 명령문에 css를 어떻게 추가하나요?
본문
<!-- 퀵메뉴 on,off-->
<script>
$(document).ready(function(){
$(".m_qiuck").click(function(){
if($(this).html() == '닫기'){
$(this).html('열기');
} else {
$(this).html('닫기');
}
$(".content_R").fadeToggle(1);
});
});
</script>
위의 코드는 버튼을 클맀을때 content가 나오는 간단한 스크립트입니다.
content가 나왔을때 뒷배경을 어둡게(약간투몀도있게) 하려면 어떻게 해야하나요??
답변 2
<script>
$(document).ready(function(){
$(".m_qiuck").click(function(){
if($(this).html() == '닫기'){
$(this).html('열기');
$("body").css("background-color","rgba(0,0,0,0.8)");
} else {
$(this).html('닫기');
$("body").css("background-color","#fff");
}
$(".content_R").fadeToggle(1);
});
});
</script>
뒷배경이라 하면 body 말하는건가요 .
뒷배경 객체가 body 라면 위에것 처럼 하면됩니다
잘 되네요^^ 헌데 궁금한게 있습니다.
열었을땐 잘 되는데, 다시 닫기를 누르니 그 배경 투명도가 사라지지 않고, 검은색으로 유지되고있어요ㅠ 어찌해야될까요..
$("body").css("background-color","#fff"); // > 이것을
$("body").css("background-color","rgba(255,255,255,1)");
이렇게 하면됩니다.
정말정말정말 감사합니다.!!!
fadeTo() 도 있어요.
fadeTo(시간, 투명도);
아 감사합니다! 한번 해볼게요!
답변을 작성하시기 전에 로그인 해주세요.