플로팅 팝업 해결 부탁드립니다..ㅠㅠ 정보
플로팅 팝업 해결 부탁드립니다..ㅠㅠ본문
<script>
function floating_close(divid) {
var strObj = document.getElementById(divid);
strObj.style.display = "none";
}
</script>
function floating_close(divid) {
var strObj = document.getElementById(divid);
strObj.style.display = "none";
}
</script>
위소스는 플로팅 베너 엑스 클릭시 해당 이미지가 없어진다는건데
아에 간단하게 마우스에 엑스를 갖다대면 그 해당 이미지가 사라지는 소스로 바꿔 줄수있나요??ㅠㅠ
해결이 안됩니다.
추천
0
0
댓글 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>
<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 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 !
그리고 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와 동시에 둘다 같이 없어지길 바랬습니다... 어찌하면 좋을까요..?
<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와 동시에 둘다 같이 없어지길 바랬습니다... 어찌하면 좋을까요..?
