질문좀 드릴게요 ~!
본문
안녕하세요 모두 한주시작 즐겁게 보내시길 바래요^^
질문내용의 경우에는
아래 스크립트의 경우에는 메뉴가 펴졌다가 접혔다가 하는 코드인데요
아래 코드에서 메뉴가 펴졌을때 close 버튼을 하나만들어
close버튼을 클릭하면 닫히게 하고싶은데요..!
혹시 close버튼을 만들기위해서는 아래 코드에서
무엇을 추가하면 될까요..!? 제가 아직도 초보라 ㅠㅠ 찾아봐도 힘드네요
소중한 도움좀 부탁드려요~!~
<script>
function controlbt() {
var obj_bt = document.getElementById('sample1');
var obj = document.getElementById('sample2');
if (obj.style.display == 'none') {
obj.style.display = '';
obj_bt.src = '../img1.jpg';
} else {
obj.style.display = 'none';
obj_bt.src = '../img2.jpg';
}
}
</script>
답변 2
자바 함수 한개 더 만들어서 close 버튼에 넣으면 될거같아요.
<button onclick="myFunction()">닫기</button>
<script>function myFunction()
{
document.getElementById("myDIV").style.display = "none";
}</script>
개발하고 있는 사이트의 URL을 알려주시면 답변이 쉬울거 같습니다.
메뉴를 꾸밀시에 if
(document.style.display ==
'none'
) 과 같은 스크립트는 잘쓰이지 않습니다.
순수 css로 스크롤 메뉴를 만든뒤에 스크립트를 추가하는 방법이 많이 쓰입니다.
https://www.w3schools.com/css/css_navbar.asp
답변을 작성하시기 전에 로그인 해주세요.