테스트 사이트 - 개발 중인 베타 버전입니다

플로팅 팝업 해결 부탁드립니다..ㅠㅠ

· 14년 전 · 2917 · 4
 <script>
  function floating_close(divid) {
             var strObj = document.getElementById(divid);
             strObj.style.display = "none";
   }
  </script>
 
위소스는 플로팅 베너 엑스 클릭시 해당 이미지가 없어진다는건데
 
아에 간단하게 마우스에 엑스를 갖다대면 그 해당 이미지가 사라지는 소스로  바꿔 줄수있나요??ㅠㅠ
 
해결이 안됩니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

플로팅 배너 엑스이미지가 예를 들어 아래 처럼 되어있다면
<span><img src="close.gif" /></span>

1. 간단하게...
<span onmouseover="document.getElementById('divid').style.display='none';"><img src="close.gif" /></span>

2. 함수이용...
<span onmouseover="floating_close()"><img src="close.gif" /></span>
한 다음

<script>
function floating_close() {
var strObj = document.getElementById('divid');
strObj.style.display = "none";
}
</script>
어떻게 해도 안되네요 ㅠㅠ

마우스를 갖다대도 안꺼집니다...ㅠㅠ
제 소스는 밑에이건데


<div style="left: 175px; position: absolute; top: 0px"><a href="javascript:floating_close('fixed-top');"><img src="./images/clickx.gif" width="19" height="19" style="position:relative; left:0; width:19px;"
/>
</a>

이상태 이소스에서 어떻게 수정해야 하나요...ㅠㅠ?
div 내에 id="divid".... 이걸 넣으시면 될겁니다.
그리고 a 태그 내에 onmouseover 이벤트 넣으시고...

1. 간단하게...
<div id="divid" style="left: 175px; position: absolute; top: 0px"><a href="javascript:void(0);" onmouseover="document.getElementById('divid').style.display='none';">

2.
<div id="divid" style="left: 175px; position: absolute; top: 0px"><a href="javascript:void(0);" onmouseover="floating_close()">

하시고 기존 <script> 내용을 아래것으로 바꾸세요.
<script>
function floating_close() {
var strObj = document.getElementById('divid');
strObj.style.display = "none";
}
</script>

안되시면 쪽지 남기시구요 ^^

Good Luck !
뭔가 되긴하는데... clickx.gif 이미지만 사라져 버리네요..ㅠㅠ


<div class="fixed-top">
<div id="fixed-top">
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td align="center">


<img src="image/world.jpg"/>


<div id="divid" style="left: 175px; position: absolute; top: 0px"><a href="javascript:void(0);" onmouseover="document.getElementById('divid').style.display='none';"><img src="./images/clickx.jpg" width="19" height="19" style="position:relative; left:0; width:19px;">



</a>



</div>

</td></tr>
</table>
</div></div>



전 clickx.jpg를 마우스로 갖다될시 위에있는 word.jpg와 동시에 둘다 같이 없어지길 바랬습니다... 어찌하면 좋을까요..?

게시글 목록

번호 제목
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495
1717479
1717473
1717470
1717463
1717452