아래소스는 인터넷에서 구한 소스인데요 !
클릭시 글자가 변경되는방식이구요^^
혹시 script에 글씨가 아닌 이미지를 넣기위해서는 어떤함수를넣어야할까요
Copy
<script type="text/javascript"> function controlbt() { var obj_bt = document.getElementById('mainmenu-top-1'); //클릭 메뉴의 아이디 var obj = document.getElementById('box'); //펼쳐질 박스의 아이디 if(obj.style.display == 'none') { //닫혀 있다면 obj.style.display = ''; //펼쳐주고 obj_bt.innerText = '닫기'; //닫기 라고 표기하고 } else { //열려 있다면 obj.style.display = 'none'; //닫아 주고 obj_bt.innerText = '펼치기'; //펼치기라고 표기 하고 } } </script> <div id="mainmenu-top-1" onClick="controlbt()" style="cursor: pointer">닫기</div> <div class="main-menu-sb" id="box" style="display:block;"> 지금은 펼친 상태 입니다. </div>
|
답변 1개 / 댓글 2개
채택된 답변
+20 포인트
devdev
2017-02-01 (수) 10:49:49
<div id="mainmenu-top-1" onClick="controlbt()" style="cursor: pointer"><img src='닫기.jpg'></div> |
| <div class="main-menu-sb" id="box" style="display:block;"> |
<img src='펼친글자.jpg' > |
|
답변에 대한 댓글 2개
AntonyPang
2017-02-01 (수) 10:51:52
AntonyPang
2017-02-01 (수) 11:20:22
답변주셔서 정말 감사드리는데요 ㅠㅠ
저렇게 적용하게되면
메뉴가 나오는부분 (위에서 *지금은펼친상태입니다)
이부분은 어떻게 적용해야하는걸까요..!
말씀해주신대로 해보니 내용부분에 펼친글자.jpg가 나오는거같아서요..!
저렇게 적용하게되면
메뉴가 나오는부분 (위에서 *지금은펼친상태입니다)
이부분은 어떻게 적용해야하는걸까요..!
말씀해주신대로 해보니 내용부분에 펼친글자.jpg가 나오는거같아서요..!
답변을 작성하려면 로그인이 필요합니다.
공부하는 저로써 정말 큰 도움이 되고 가네요:)
채택 및 좋아요 찍구 갈게요:->