묻고답하기
마비노기의 팝을 응용해서 제홈에도 해볼려고 하는데...
2004.11.29 20:15
http://www.mabinogi.com/마비노기에 가니까 팝업을 새창에서 한것이 아니고
특이하게 한 페이니내에서 구현했더군요...
제 홈피에서도 팝업 띄울일이 많아서 응요하려 했는데 소스를 잘 모르겠습니다.
고수님 도와주세요...
http://www.mabinogi.com/
소스에서 뒷부분은 맞는것 같은데...
이부분만 제 홈피에다가 붙이니까 안뜨더라구요 -_ㅜ;
앞에도 멀 달아줘야 하는지...
중간에서도 빼먹은게 있는지... 부탁합니다.
<!-- 팝업 -->
<script>
function popGo(){
self.location.href='http://www.mabinogi.com/4th/2_event.asp?bc=25';
void(Hide(layerpop1));
}
</script>
<div id="layerpop1" style="position:absolute; left:5; top:35; z-index:200; filter:blendTrans(duration=0.7); border-width:1px; border-style:none;visibility:hidden" onmouseover="dragObj=layerpop1; drag=0;move=0" onmouseout="drag=0">
<table border=0 cellpadding=6 cellspacing=0 width=468 style='border:2 solid black;' bgcolor=white>
<tr>
<td colspan=2 style='padding:2px;'>
<img src="http://218.232.109.68/static/4th_img/pop_g1clear.jpg" width=460 height=340 border=0 usemap=#imgPop><br>
<map name=imgPop>
<area shape=rect coords="0,210,164,283" href='javascript:popGo();'>
<area shape=rect coords="229,107,315,139" href='javascript:teaserPop();'>
</map>
</td>
</tr>
<tr>
<td><a href="javascript:void(Hide(layerpop1));setCookieForToday('pop20041126', '1');"><font color="333333"><u>오늘 하루 이 창을 열지 않음</u></font></a></td>
<td align=right><a href="javascript:void(Hide(layerpop1))"><img src="http://218.232.109.68/static/4th_img/bt_pop_close2.gif" width=120 height=16 border=0 align=absmiddle></a></td>
</td>
</tr>
</table>
</div>
<script>if(getCookie("pop20041126") == "") {void(Show(layerpop1));}</script>
<!-- 팝업 끝 -->
특이하게 한 페이니내에서 구현했더군요...
제 홈피에서도 팝업 띄울일이 많아서 응요하려 했는데 소스를 잘 모르겠습니다.
고수님 도와주세요...
http://www.mabinogi.com/
소스에서 뒷부분은 맞는것 같은데...
이부분만 제 홈피에다가 붙이니까 안뜨더라구요 -_ㅜ;
앞에도 멀 달아줘야 하는지...
중간에서도 빼먹은게 있는지... 부탁합니다.
<!-- 팝업 -->
<script>
function popGo(){
self.location.href='http://www.mabinogi.com/4th/2_event.asp?bc=25';
void(Hide(layerpop1));
}
</script>
<div id="layerpop1" style="position:absolute; left:5; top:35; z-index:200; filter:blendTrans(duration=0.7); border-width:1px; border-style:none;visibility:hidden" onmouseover="dragObj=layerpop1; drag=0;move=0" onmouseout="drag=0">
<table border=0 cellpadding=6 cellspacing=0 width=468 style='border:2 solid black;' bgcolor=white>
<tr>
<td colspan=2 style='padding:2px;'>
<img src="http://218.232.109.68/static/4th_img/pop_g1clear.jpg" width=460 height=340 border=0 usemap=#imgPop><br>
<map name=imgPop>
<area shape=rect coords="0,210,164,283" href='javascript:popGo();'>
<area shape=rect coords="229,107,315,139" href='javascript:teaserPop();'>
</map>
</td>
</tr>
<tr>
<td><a href="javascript:void(Hide(layerpop1));setCookieForToday('pop20041126', '1');"><font color="333333"><u>오늘 하루 이 창을 열지 않음</u></font></a></td>
<td align=right><a href="javascript:void(Hide(layerpop1))"><img src="http://218.232.109.68/static/4th_img/bt_pop_close2.gif" width=120 height=16 border=0 align=absmiddle></a></td>
</td>
</tr>
</table>
</div>
<script>if(getCookie("pop20041126") == "") {void(Show(layerpop1));}</script>
<!-- 팝업 끝 -->
댓글 2
-
송상의
2004.11.30 10:15
-
송상의
2004.11.30 10:18
<div id="Layer1" style="border-width:0px; border-style:none; width:308px; height:301px; position:absolute; left:0px; top:276px; z-index:5; filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=2);" onmouseover="dragObj=Layer1; drag=1;move=0" onmouseout="drag=0">
이거 안에 테이블을 넣구요.
그 테이블안에 출력하실 내용넣으시면 되요.
width:308px; height:301px <- 테이블이나 베너 크기
left:0px; top:276px <- 메인에 출력될시 좌측과 상단에서 떨어져야할 거리.
까지만 조절하셔서 출력하심되요. 그냥 위와 비슷한 소스라 올려봅니다.
<script language="JavaScript1.2">
<!--
var x =0
var y=0
drag = 0
move = 0
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}
function mouseStop() {
window.event.returnValue = false
}
function View(ID) {
ID.filters.blendTrans.apply();
ID.style.visibility = "visible";
ID.filters.blendTrans.play();
}
function Close(ID) {
ID.filters.blendTrans.apply();
ID.style.visibility = "hidden";
ID.filters.blendTrans.play();
}
//-->
</script>
<div id="Layer1" style="border-width:0px; border-style:none; width:308px; height:301px; position:absolute; left:0px; top:276px; z-index:5; filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=2);" onmouseover="dragObj=Layer1; drag=1;move=0" onmouseout="drag=0">
<!----- 테이블이 들어갈자리 시작------>
<!- 테이블안에 이미지나 텍스트 링크를 넣을때 넣는 스크립 ->
<SCRIPT LANGUAGE="JavaScript">
var quotes=new Array()
// 이곳에 이미지및 텍스트링크 태그를 넣어 줍니다
quotes[0]='링크경로'
var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])</SCRIPT>
<!- 테이블안에 이미지나 텍스트 링크를 넣을때 넣는 스크립 ->
<!- 테이블 닫을때 ->
<div align="right"><a href="javascript:void(Close(Layer1))"><font color="000000">close</font></a></DIV>
<!- 테이블 닫을때 -> <!- 서서히 사라집니다 ->
</DIV>
<!----- 테이블이 들어갈자리 엔드------>