Copy
<!-- 퀵메뉴 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개 / 댓글 4개
채택된 답변
+20 포인트
2019-01-22 (화) 17:53:29
<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 라면 위에것 처럼 하면됩니다
답변에 대한 댓글 3개
2019-01-22 (화) 18:07:38
2019-01-22 (화) 18:08:56
$("body").css("background-color","#fff"); // > 이것을
$("body").css("background-color","rgba(255,255,255,1)");
이렇게 하면됩니다.
$("body").css("background-color","rgba(255,255,255,1)");
이렇게 하면됩니다.
집에가고싶어fadeTo() 도 있어요.
fadeTo(시간, 투명도);
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
열었을땐 잘 되는데, 다시 닫기를 누르니 그 배경 투명도가 사라지지 않고, 검은색으로 유지되고있어요ㅠ 어찌해야될까요..