고시랑의 날적이
고시랑
고시랑
http://blog.daum.net/prattler22
Daum blog (blogmaster@daum.net)
tag:blog.daum.net,2009:prattler22
2009-11-29T16:12:18Z
단어를 클릭하면 확대 되는 스크립트
tag:blog.daum.net,2009:prattler22.11069444
고시랑
2009-11-29T16:12:18Z
2009-11-29T16:12:18Z
<P><HTML><BR><HEAD><BR> <TITLE>BLUE-B</TITLE></P>
<P><BR><style type="text/css"><BR> .over {background:#ccc;color:#000;cursor:pointer}<BR> .out {background:transparent;color:#000;}<BR> .tagsoup {color:#000;font-family:verdana;text-align:left;border:#888 dashed 1px;background:#fff}<BR></style></P>
<P><script type="text/javascript"><BR><!--</P>
<P>document.onselectstart = new Function("return false");<BR>document.onmousedown = new Function("return false");</P>
<P>T = "javascript web reference software development design css programming dhtml html firefox webdev dom tools blog flash fonts computer tech windows computing hacking java algorithms processing language environment program images animation sound development php apache regexp tips news journal code computers virus security scripts parsing win32 bytecode DOM interactive Menu organization webdesign ajax xmlhttprequest technology comprehension language software xhtml rss xml wiki optimization delicious demo dragdrop browsers standards code lifehacks tutorial howto".split(" ");</P>
<P>var object = new Array();<BR>var z = false;</P>
<P>function pos(o, fs, s){<BR> o.style.fontSize = fs;<BR> o.style.zIndex = 10000 - fs;<BR> l = parseInt(o.style.left);<BR> l += s * (o.innerHTML.length * o.innerHTML.length) * fs / 400;<BR> o.style.left = l;<BR> t = parseInt(o.style.top);<BR> t += s * fs / 15;<BR> o.style.top = t;<BR>}</P>
<P>function zoom(k){<BR> O = object[k];<BR> fs = Math.round(parseInt(O.style.fontSize) * 1.1 + 1);<BR> if(fs < 1200 && z){<BR> pos(O, fs, -1);<BR> o = "";<BR> s = 0;<BR> for(i in object){<BR> if(object[i] != O){<BR> if(parseInt(object[i].style.fontSize) > s){<BR> s = parseInt(object[i].style.fontSize);<BR> o = object[i];<BR> }<BR> }<BR> }<BR> fs = Math.round(parseInt(o.style.fontSize) * .9 - 1);<BR> pos(o, fs, 1);<BR> setTimeout("zoom("+k+");", 32);<BR> }<BR>}</P>
<P><BR>function word(i, w){<BR> object[i] = obj = document.createElement("span");<BR> obj.style.position = "absolute";<BR> obj.style.left = Math.random()*600;<BR> obj.style.top = Math.random()*400;<BR> fs = w.length>2 && Math.random()>.666?Math.round(10 + Math.random() * 40):10;<BR> obj.style.fontSize = fs + "px";<BR> obj.style.zIndex = 10000 - fs;<BR> obj.innerHTML = w;<BR> obj.onmousedown = new Function("z = true;zoom(" + i + ");return true;");<BR> obj.onmouseup = new Function("z = false;return true;");<BR> obj.onmouseover = new Function("this.className = 'over'");<BR> obj.onmouseout = new Function("this.className = 'out'");<BR> document.getElementById("tagsoup").appendChild(obj);<BR>}</P>
<P>onload = function() {<BR> for(i in T)word(i, T[i]);<BR>}</P>
<P>//--><BR></script><BR></head></P>
<P><body></P>
<P><div style="position:realtive;height:400"><BR> <div id="tagsoup" class="tagsoup" style="position:absolute;width:600;height:400;overflow:hidden;"><BR> </div><BR></div></P>
<P><BR></body><BR></html></P>
텍스트에 글라데이션 효과를
tag:blog.daum.net,2009:prattler22.11069443
고시랑
2009-11-29T16:07:07Z
2009-11-29T16:07:07Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr/</title></P>
<P><STYLE type="text/css"><BR>.textprop {font-family:arial; font-size:30pt; font-weight:bold;}<BR></STYLE></P>
<P><SCRIPT LANGUAGE="JavaScript"><BR>var h="0123456789ABCDEF";<BR>var Fullrgb = "#000000";</P>
<P>function gradient(string, startcolor, endcolor) {<BR> startcolor = "0x" + startcolor;<BR> endcolor = "0x" + endcolor;<BR> var len = string.length;<BR> var color;<BR> var start_red = startcolor >> 16;<BR> var start_green=(startcolor & 0x00FF00) >> 8;<BR> var start_blue=startcolor & 0x0000FF;<BR> var end_red = endcolor >> 16;<BR> var end_green= (endcolor & 0x00FF00) >> 8;<BR> var end_blue = endcolor & 0x0000FF;<BR> var incRed = Math.floor((end_red - start_red) / len);<BR> var incGreen = Math.floor((end_green - start_green) / len);<BR> var incBlue = Math.floor((end_blue - start_blue) / len);<BR> for (var x=0; x < len; x++) {<BR> if (start_red + incRed >= 0x00 && start_red + incRed <= 0xFF) start_red += incRed;<BR> if (start_green + incGreen >= 0x00 && start_green + incGreen <= 0xFF) start_green += incGreen;<BR> if (start_blue + incBlue >= 0x00 && start_blue + incBlue <= 0xFF) start_blue += incBlue;<BR> color = hex(merge(start_red, start_green, start_blue));<BR> color = Fullrgb.substring(0, 6 - color.length + 1) + color;<BR> document.write("<font color = " + color + ">", string.charAt(x), "</font>");<BR> }<BR>}</P>
<P>function merge(r, g, b) { <BR> return (r << 16 | g << 8 | b);<BR>}</P>
<P>function hex(c) {<BR> var temp = "";<BR> var hexStr = "";<BR> var remainder, i;<BR> for ( ; c != 0; c >>= 4) {<BR> remainder = c % 16;<BR> hexStr += h.charAt(remainder);<BR> }<BR> for (i=5 ; i >= 0; i--)temp += hexStr.charAt(i);<BR> return temp;<BR>}</P>
<P></SCRIPT><BR></head><BR><body> </P>
<P><div id ='textL' class=textprop><BR> <script><BR> gradient("<A href="http://www.blueb.co.kr/" target=_blank>www.blueb.co.kr</A>", "0000FF", "FF0000"); <BR> document.write("<br>");<BR> gradient("<A href="http://www.blueb.co.kr/" target=_blank>www.blueb.co.kr</A>", "FFFF00", "0099FF"); <BR> document.write("<br>");<BR> gradient("<A href="http://www.blueb.co.kr/" target=_blank>www.blueb.co.kr</A>", "33FF66", "CC3399"); <BR> </script><BR></div></P>
<P></BODY><BR></HTML> </P>
링크 클릭하면 해당위치에 레이어팝업창을 띄웁니다.
tag:blog.daum.net,2009:prattler22.11069442
고시랑
2009-11-29T15:42:58Z
2009-11-29T15:42:58Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title><BR><script type="text/javascript"><BR><!-- <BR>function move_box(an, box) {<BR>//링크된 위치에서 부터의 설정값 지정<BR> var cleft = 20; //왼쪽마진 <BR> var ctop = -10; //상단마진<BR> var obj = an;<BR> while (obj.offsetParent) {<BR> cleft += obj.offsetLeft;<BR> ctop += obj.offsetTop;<BR> obj = obj.offsetParent;<BR> }<BR> box.style.left = cleft + 'px';<BR> ctop += an.offsetHeight + 8;<BR> if (document.body.currentStyle &&<BR> document.body.currentStyle['marginTop']) {<BR> ctop += parseInt(<BR> document.body.currentStyle['marginTop']);<BR> }<BR> box.style.top = ctop + 'px';<BR>}</P>
<P>function show_hide_box(an, width, height, borderStyle) {<BR> var href = an.href;<BR> var boxdiv = document.getElementById(href);</P>
<P> if (boxdiv != null) {<BR> if (boxdiv.style.display=='none') {<BR> move_box(an, boxdiv);<BR> boxdiv.style.display='block';<BR> } else<BR> boxdiv.style.display='none';<BR> return false;<BR> }</P>
<P> boxdiv = document.createElement('div');<BR> boxdiv.setAttribute('id', href);<BR> boxdiv.style.display = 'block';<BR> boxdiv.style.position = 'absolute';<BR> boxdiv.style.width = width + 'px';<BR> boxdiv.style.height = height + 'px';<BR> boxdiv.style.border = borderStyle;<BR> boxdiv.style.backgroundColor = '#fff';</P>
<P> var contents = document.createElement('iframe');<BR> contents.scrolling = 'no';<BR> contents.frameBorder = '0';<BR> contents.style.width = width + 'px';<BR> contents.style.height = height + 'px';<BR> contents.src = href;</P>
<P> boxdiv.appendChild(contents);<BR> document.body.appendChild(boxdiv);<BR> move_box(an, boxdiv);</P>
<P> return false;<BR>}<BR></script><BR></head><BR><body><BR>레이어 팝업창 안에 HTML파일 및 외부사이트를 보여줄 수 있습니다.<p><BR><a href="<A href="http://www.blueb.co.kr/" target=_blank>http://www.blueb.co.kr</A>" onClick="return show_hide_box(this,440,300,'1px solid')">여기를 클릭하세요..</a></P>
디자인 괜찮은 레이어 윈도우(창확대,축소,닫기, 드래그 가능)
tag:blog.daum.net,2009:prattler22.11069441
고시랑
2009-11-29T15:41:45Z
2009-11-29T15:41:45Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title><BR> <BR><script src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/prototype.js" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/prototype.js</A>" type="text/javascript"></script><BR><script src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/scriptaculous.js" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/scriptaculous.js</A>" type="text/javascript"></script><BR><script src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/effects.js" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/effects.js</A>" type="text/javascript"></script><BR><script src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/dragdrop.js" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/dragdrop.js</A>" type="text/javascript"></script><BR><script src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/windows.js" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/windows.js</A>" type="text/javascript"></script></P>
<P><link href="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/windows.css" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/windows.css</A>" media="screen" rel="Stylesheet" type="text/css" /></P>
<P></head></P>
<P><body><BR>레이어 윈도우 창을 최대화 및 복원시 부드러운 애니메이션 효과를 보여줍니다.</P>
<P><div id="window_7179" class="window_container" style="opacity:0.0;visibility:hidden;position:absolute;"></P>
<P><div id="window_7179_resize_handle" class="window_resize_handle"></div><BR> <div id="window_7179_topslice" class="window_topslice" ><BR> <div id="window_7179_drag_handle" class="window_dragger"><BR> </div><BR> <img style="z-index:100;margin-left:10px;margin-top:4px;position:absolute;" name="button_dirty_window_7179" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clea.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clea.gif</A>" /><BR> <div class="window_button_holder" style="z-index:100;position:absolute;"><BR> <a href="#" onClick="mywindow.minimize();"><img border="0" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_mini.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_mini.gif</A>" /></a><BR> <a href="#" onClick="mywindow.maximize();"><img border="0" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_maxi.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_maxi.gif</A>" /></a><BR> <a href="#" onClick="mywindow.close();"><img border="0" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clos.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clos.gif</A>" /></a><BR> </div><BR> <BR> <div class="window_handle_left"></div><BR> <div class="window_handle_center"><span class="window_title">BLUEB</span></div><BR> <div class="window_handle_right"></div><BR> </div></P>
<P> <div id="window_7179_middleslice" class="window_middleslice"><div class="window_border_left" ><BR> <div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_8.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_8.gif</A>" /></div><BR> <img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_9.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_9.gif</A>" /></div><BR> <BR> <div class="window_content" id="window_7179_content"><BR> <div style="padding:5px;"><BR> <div class="debug_field" id="command_div"></div><BR> 이곳에 내용을<BR> <BR> </div><BR> </div><BR> <BR> <div class="window_border_right" ><BR> <div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_A.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_A.gif</A>" /></div><BR> <img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_B.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_B.gif</A>" /><BR> </div></P>
<P> </div><BR> <BR> <div id="window_7179_bottomslice" class="window_bottomslice"><BR> <div class="window_bottom_left"></div><BR> <div class="window_bottom_center"></div><BR> <div class="window_bottom_right"></div><BR> </div></P>
<P> <BR></div> </P>
<P> </P>
<P> </P>
<P><BR><div id="window_3547" class="window_container" style="opacity:0.0;visibility:hidden;position:absolute;"></P>
<P><div id="window_3547_resize_handle" class="window_resize_handle"></div><BR> <div id="window_3547_topslice" class="window_topslice" ><BR> <div id="window_3547_drag_handle" class="window_dragger"><BR> </div><BR> <img style="z-index:100;margin-left:10px;margin-top:4px;position:absolute;" name="button_dirty_window_3547" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clea.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clea.gif</A>" /><BR> <div class="window_button_holder" style="z-index:100;position:absolute;"><BR> <a href="#" onClick="anotherwindow.minimize();"><img border="0" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_mini.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_mini.gif</A>" /></a><BR> <a href="#" onClick="anotherwindow.maximize();"><img border="0" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_maxi.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_maxi.gif</A>" /></a><BR> <a href="#" onClick="anotherwindow.close();"><img border="0" src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clos.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/but_clos.gif</A>" /></a><BR> </div><BR> <BR> <div class="window_handle_left"></div><BR> <div class="window_handle_center"><span class="window_title">BLUEB 2</span></div><BR> <div class="window_handle_right"></div><BR> </div></P>
<P> <div id="window_3547_middleslice" class="window_middleslice"><div class="window_border_left" ><BR> <div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_8.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_8.gif</A>" /></div><BR> <img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_9.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_9.gif</A>" /></div><BR> <BR> <div class="window_content" id="window_3547_content"><BR> <div style="padding:5px;"><BR> <div class="debug_field" id="command_div"></div><BR> 이곳에 내용을</P>
<P> </div><BR> </div><BR> <BR> <div class="window_border_right" ><BR> <div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_A.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_A.gif</A>" /></div><BR> <img src="<A href="http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_B.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/package/rtwindows_0.5/window_B.gif</A>" /><BR> </div></P>
<P> </div><BR> <BR> <div id="window_3547_bottomslice" class="window_bottomslice"><BR> <div class="window_bottom_left"></div><BR> <div class="window_bottom_center"></div><BR> <div class="window_bottom_right"></div><BR> </div></P>
<P> <BR></div> </P>
<P><BR><script type="text/javascript"><BR>var mywindow;<BR>var anotherwindow;<BR>window.onload=function() {<BR> mywindow=new Window(<BR> {<BR> "name":"TestWindow",<BR> "z_index":-1,<BR> "min_height":10,<BR> "action":"debug",<BR> "id":"window_7179",<BR> "scrollbars":1,<BR> "is_minimized":0,<BR> "stayontop":0,<BR> "min_width":10,<BR> "height":400,<BR> "posx":100,<BR> "posy":100,<BR> "width":400});<BR> <BR> anotherwindow=new Window(<BR> {<BR> "name":"TestWindow2",<BR> "z_index":-1,<BR> "min_height":50,<BR> "action":"debug",<BR> "id":"window_3547",<BR> "scrollbars":1,<BR> "is_minimized":0,<BR> "stayontop":0,<BR> "min_width":80,<BR> "height":400,<BR> "posx":140,<BR> "posy":140,<BR> "width":400})<BR> <BR> }<BR></script></P>
<P> </P>
<P> </P>
<P></body><BR></html></P>
드레그 가능한 팝업창
tag:blog.daum.net,2009:prattler22.11069440
고시랑
2009-11-29T15:40:31Z
2009-11-29T15:40:31Z
<P><HTML><BR><HEAD><BR> <TITLE>BLUE-B</TITLE></P>
<P><BR><script language="JavaScript1.2"><BR>isIE=document.all;<BR>isNN=!document.all&&document.getElementById;<BR>isN4=document.layers;<BR>isHot=false;</P>
<P>function ddInit(e){<BR> topDog=isIE ? "BODY" : "HTML";<BR> whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer"); <BR> hotDog=isIE ? event.srcElement : e.target; <BR> while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){<BR> hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;<BR> } <BR> if (hotDog.id=="titleBar"){<BR> offsetx=isIE ? event.clientX : e.clientX;<BR> offsety=isIE ? event.clientY : e.clientY;<BR> nowX=parseInt(whichDog.style.left);<BR> nowY=parseInt(whichDog.style.top);<BR> ddEnabled=true;<BR> document.onmousemove=dd;<BR> }<BR>}</P>
<P>function dd(e){<BR> if (!ddEnabled) return;<BR> whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx; <BR> whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;<BR> return false; <BR>}</P>
<P>function ddN4(whatDog){<BR> if (!isN4) return;<BR> N4=eval(whatDog);<BR> N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);<BR> N4.onmousedown=function(e){<BR> N4.captureEvents(Event.MOUSEMOVE);<BR> N4x=e.x;<BR> N4y=e.y;<BR> }<BR> N4.onmousemove=function(e){<BR> if (isHot){<BR> N4.moveBy(e.x-N4x,e.y-N4y);<BR> return false;<BR> }<BR> }<BR> N4.onmouseup=function(){<BR> N4.releaseEvents(Event.MOUSEMOVE);<BR> }<BR>}</P>
<P>function hideMe(){<BR> if (isIE||isNN) whichDog.style.visibility="hidden";<BR> else if (isN4) document.theLayer.visibility="hide";<BR>}</P>
<P>function showMe(){<BR> if (isIE||isNN) whichDog.style.visibility="visible";<BR> else if (isN4) document.theLayer.visibility="show";<BR>}</P>
<P>document.onmousedown=ddInit;<BR>document.onmouseup=Function("ddEnabled=false");</P>
<P></script><BR></head><BR><body></P>
<P><BR><div id="theLayer" style="position:absolute;width:250px;left:100;top:100;visibility:visible"><BR><table border="0" width="250" bgcolor="#424242" cellspacing="0" cellpadding="5"><BR><tr><BR> <td width="100%"><BR> <table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"><BR> <tr><BR> <td id="titleBar" style="cursor:move" width="100%"><BR> <ilayer width="100%" onSelectStart="return false"><BR> <layer width="100%" onMouseover="isHot=true;if (isN4) ddN4(theLayer)" onMouseout="isHot=false"><BR> <font face="Arial" color="#FFFFFF">DRAG</font><BR> </layer><BR> </ilayer><BR> </td><BR> <td style="cursor:hand" valign="top"><BR> <a href="#" onClick="hideMe();return false"><font color=#ffffff size=2 face=arial style="text-decoration:none">X</font></a><BR> </td><BR> </tr><BR> <tr><BR> <td width="100%" bgcolor="#FFFFFF" style="padding:14px" colspan="2"><BR> 안녕하세요..블루비입니다..<br><BR> 이곳에 관련 내용을 입력하세요..<br><BR> 많은 활용하세요..<BR> </td><BR> </tr><BR> </table> <BR> </td><BR></tr><BR></table><BR></div></P>
<P><a href="javascript:showMe();">show</a><BR><a href="javascript:hideMe();">hide</a></P>
쿠키를 이용한 레이어 공지창 (오늘 하루 열지 않음 기능을 레이어로)
tag:blog.daum.net,2009:prattler22.11069439
고시랑
2009-11-29T15:39:38Z
2009-11-29T15:39:38Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title></P>
<P><script language="JavaScript"><BR><!--<BR>function setCookie( name, value, expiredays ) { <BR> var todayDate = new Date(); <BR> todayDate.setDate( todayDate.getDate() + expiredays ); <BR> document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" <BR> } </P>
<P>function closeWin() { <BR> if ( document.notice_form.chkbox.checked ){ <BR> setCookie( "maindiv", "done" , 1 ); <BR> } <BR> document.all['divpop'].style.visibility = "hidden";<BR>}<BR>//--> <BR></script><BR></head><BR><body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> </P>
<P><BR><!-- POPUP --><BR><div id="divpop" style="position:absolute;left:395px;top:190;z-index:200;visibility:hidden;"><BR><table width=300 height=400 cellpadding=2 cellspacing=0><BR><tr><BR> <td style="border:1px #666666 solid" height=360 align=center bgcolor=white><BR> 여기에 내용 삽입<BR> </td><BR></tr><BR><tr><BR> <form name="notice_form"><BR> <td align=right bgcolor=white><BR> <input type="checkbox" name="chkbox" value="checkbox">오늘 하루 이 창을 열지 않음<BR> <a href="javascript:closeWin();"><B>[닫기]</B></a><BR> </td><BR></tr><BR> </form><BR></table><BR></div> </P>
<P><script language="Javascript"><BR>cookiedata = document.cookie; <BR>if ( cookiedata.indexOf("maindiv=done") < 0 ){ <BR> document.all['divpop'].style.visibility = "visible";<BR> } <BR> else {<BR> document.all['divpop'].style.visibility = "hidden"; <BR>}<BR></script></P>
BEOS스타일 레이어 팝업창... (슬라이드 형태로 나타납니다)
tag:blog.daum.net,2009:prattler22.11069438
고시랑
2009-11-29T15:38:42Z
2009-11-29T15:38:42Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title><BR></head><BR><body></P>
<P><SCRIPT LANGUAGE="JavaScript"><BR><!-- <BR>var navigateur=navigator.appName;var abrege=navigateur.substring(0,2);<BR>var ftx=640;var fty=480;<BR>var fpx=0;var fpy=0;var fpxf=0;var fpxc=0;var tempobe=0;var toclose=0;var decax=0;var decay=0;var deplace=0;</P>
<P>function Mouvement() {<BR> Xpos = event.clientX+document.body.scrollLeft;<BR> Ypos = event.clientY+document.body.scrollTop;<BR> if (deplace!=0) {<BR> if (deplace==1) {<BR> decax=Xpos-fpx;<BR> decay=Ypos-fpy;<BR> deplace=2;<BR> }<BR> fpx=Xpos-decax;<BR> fpy=Ypos-decay;<BR> document.all.fenetre.style.top=fpy;<BR> document.all.fenetre.style.left=fpx;<BR> return false;<BR> } <BR>}</P>
<P>document.onmousemove = Mouvement;</P>
<P>function cliquer(flag) {<BR> deplace=flag;<BR> return false;<BR>}</P>
<P>function beWindow(fpx,fpy,ftx,fty,ftitre,fichier) {<BR>var ftxb=130;var hide="hidden";</P>
<P>fchaine=''<BR>+'<div id="fenetre" style="position:absolute;visibility:hidden;z-index:50;top:'+fpy+'px;left:'+fpx+'px;width:'+ftx+'px;height:'+fty+'px;bgcolor:#0000ff;">'<BR>+'<div id="window" style="position:absolute;z-index:50;top:21px;left:0px;width:'+(ftx)+'px;height:'+(fty)+'px;">'<BR>+'<div id="hg" style="position:absolute;z-index:50;top:0px;left:0px;width:6px;height:6px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/hg.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/hg.gif</A>" width="6" height="6"></div>'<BR>+'<div id="hd" style="position:absolute;z-index:50;top:0px;left:'+(ftx-6)+'px;width:6px;height:6px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/hd.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/hd.gif</A>" width="6" height="6"></div>'<BR>+'<div id="bg" style="position:absolute;z-index:50;top:'+(fty-6)+'px;left:0px;width:6px;height:6px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/bg.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/bg.gif</A>" width="6" height="6"></div>'<BR>+'<div id="bd" style="position:absolute;z-index:50;top:'+(fty-6)+'px;left:'+(ftx-6)+'px;width:6px;height:6px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/bd.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/bd.gif</A>" width="6" height="6"></div>'<BR>+'<div id="h" style="position:absolute;z-index:50;top:0px;left:6px;width:1px;height:6px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/h.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/h.gif</A>" width="'+(ftx-10)+'" height="6"></div>'<BR>+'<div id="b" style="position:absolute;z-index:50;top:'+(fty-6)+'px;left:6px;width:1px;height:6px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/b.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/b.gif</A>" width="'+(ftx-10)+'" height="6"></div>'<BR>+'<div id="g" style="position:absolute;z-index:50;top:6px;left:0px;width:6px;height:1px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/g.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/g.gif</A>" width="6" height="'+(fty-10)+'"></div>'<BR>+'<div id="d" style="position:absolute;z-index:50;top:6px;left:'+(ftx-6)+'px;width:6px;height:1px;"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/d.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/d.gif</A>" width="6" height="'+(fty-10)+'"></div>'<BR>+'</div>'<BR>+'<div id="titre" style="position:absolute;z-index:50;top:1px;left:0px;width:'+(ftx)+'px;height:21px;" onmousedown="return cliquer(1);" onmouseup="return cliquer(0);">'<BR>+'<table CELLPADDING=0 CELLSPACING=0 border=0 width="'+(ftxb)+'" height="21"><tr><td background="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/tm.gif%22%3E%3CFONT">http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/tm.gif"><FONT</A> FACE="verdana" SIZE=1><B> '+ftitre+'</B></FONT></td></tr></table>'<BR>+'<div style="position:absolute;z-index:50;top:0px;left:0px;"><a href="#" onclick="javascript:return closebe();"><IMG src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/tg.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/tg.gif</A>" BORDER=0 WIDTH=21 HEIGHT=21></A></div>'<BR>+'<div style="position:absolute;z-index:50;top:0px;left:'+(ftxb-4)+'px;"><IMG src="<A href="http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/td.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image2/layer_popup/td.gif</A>" BORDER=0 WIDTH=4 HEIGHT=21></div>'<BR>+'</div>'<BR>+'<div id="interieur" style="position:absolute;z-index:50;top:27px;left:6px;width:'+(ftx-12)+'px;height:'+(fty-12)+'px;">'<BR>+'<iframe name="inbeos" TOP=0 LEFT=0 WIDTH='+(ftx-12)+' HEIGHT='+(fty-12)+' border=0 FRAMEBORDER=0 scrolling=AUTO src="'+fichier+'"></iframe>'<BR>+'</DIV>'<BR>+'</div>'<BR>+'</div>'<BR>document.write(fchaine);<BR>}<BR>function slidebe() {<BR> if (toclose!=3) {<BR> fpx+=fpxc;<BR> if ((fpx>fpxf) && (toclose==0)) {fpx=fpxf;fpxc=0;toclose=3;}<BR> if (toclose==1) {fpxc=fpxc-15;}<BR> document.all.fenetre.style.left=fpx;<BR> if (fpx<-700) {<BR> fpxc=0;fpx=700;toclose=3;<BR>// inbeos.location.href="vide.htm";<BR> document.all.fenetre.style.visibility="hidden";<BR> }<BR> }<BR> tempobe=setTimeout('slidebe();',5);<BR>}<BR>function apercu(fichier) {<BR>if (abrege=="Mi"){<BR>self.clearTimeout();self.clearInterval();<BR>fpy=document.body.scrollTop+(document.body.clientHeight/2)-190;<BR>document.all.fenetre.style.top=fpy;<BR>document.all.fenetre.style.left=-700;fpx=-700;fpxf=(document.body.clientWidth/2)-320;fpxc=100;toclose=0;<BR>document.all.fenetre.style.visibility="visible";<BR>inbeos.location.href=fichier;<BR>}<BR>else {myWindow=open(fichier, "newWindow", "width=640,height=480,menubar=no,resizable=no,scrollbars=YES,status=no,toolbar=no");}<BR>return false;<BR>}<BR>function closebe() {<BR>fpxc=80;toclose=1;<BR>return false;<BR>}<BR>function CreerFenetreBe() {<BR> if (abrege=="Mi"){beWindow(0,0,640,380,"Drag","");slidebe();}<BR>}<BR>//--><BR></script></P>
<P><BODY></P>
<P><BR><a href="#" onClick="return apercu('http://www.blueb.co.kr')"><b>레이어 팝업창 보기</b></a></P>
<P><BR><script>CreerFenetreBe();</script></P>
<P></BODY><BR></HTML></P>
윈도우창처럼 드래그 할 수 있는 공지창
tag:blog.daum.net,2009:prattler22.11069437
고시랑
2009-11-29T15:37:28Z
2009-11-29T15:37:28Z
<P><HTML><BR><HEAD><BR> <TITLE>BLUEB</TITLE><BR><style type="text/css"><BR>div {<BR> font: menu;<BR> FILTER: alpha(opacity=100);<BR>}</P>
<P>#testDiv1 {<BR> position: absolute;<BR> top: 100px;<BR> left: 100px;<BR> width: 200px;<BR> border: 1px solid black;<BR> background: white;<BR> color: black;<BR> padding: 3px;<BR>}</P>
<P>#testDiv2 {<BR> position: relative;<BR> top: 60px;<BR> left: 30px;<BR> width: 200px;<BR> border-left: 1px solid buttonhighlight;<BR> border-right: 1px solid buttonshadow;<BR> border-top: 1px solid buttonhighlight;<BR> border-bottom: 1px solid buttonshadow;<BR> background: buttonface;<BR> padding: 2px;<BR>}</P>
<P>#testDiv2 .handle {<BR> width: 100%;<BR> border-bottom: 2px solid buttonface;<BR> background: activecaption;<BR> color: captiontext;<BR> font: caption;<BR> padding: 2px;<BR>}</P>
<P>#testDiv2 .content {<BR> width: 100%;<BR> background: white;<BR> border-left: 1px solid buttonshadow;<BR> border-right: 1px solid buttonhighlight;<BR> border-top: 1px solid buttonshadow;<BR> border-bottom: 1px solid buttonhighlight;<BR> padding: 3px;<BR>}</P>
<P></style></P>
<P><SCRIPT type=text/javascript><BR>var checkZIndex = true;</P>
<P>var dragobject = null;<BR>var tx;<BR>var ty;</P>
<P>var ie5 = document.all != null && document.getElementsByTagName != null;</P>
<P>function getReal(el) {<BR> temp = el;</P>
<P> while ((temp != null) && (temp.tagName != "BODY")) {<BR> if ((temp.className == "moveme") || (temp.className == "handle")){<BR> el = temp;<BR> return el;<BR> }<BR> temp = temp.parentElement;<BR> }<BR> return el;<BR>}</P>
<P><BR>function moveme_onmousedown() {<BR> el = getReal(window.event.srcElement)</P>
<P> if (el.className == "moveme" || el.className == "handle") {<BR> if (el.className == "handle") {<BR> tmp = el.getAttribute("handlefor");<BR> if (tmp == null) {<BR> dragobject = null;<BR> return;<BR> }<BR> else<BR> dragobject = document.all[tmp];<BR> }<BR> else<BR> dragobject = el;</P>
<P> if (checkZIndex) makeOnTop(dragobject);</P>
<P> ty = window.event.clientY - getTopPos(dragobject);<BR> tx = window.event.clientX - getLeftPos(dragobject);</P>
<P> window.event.returnValue = false;<BR> window.event.cancelBubble = true;<BR> dragobject.filters.alpha.opacity=77;<BR> }<BR> else {<BR> dragobject = null;<BR> }<BR>}</P>
<P>function moveme_onmouseup() {<BR> if(dragobject) {<BR> dragobject.filters.alpha.opacity=100;<BR> dragobject = null;<BR> }<BR>}</P>
<P><BR>function moveme_onmousemove() {<BR> if (dragobject) {<BR> if (window.event.clientX >= 0 && window.event.clientY >= 0) {<BR> dragobject.style.left = window.event.clientX - tx + "px";<BR> dragobject.style.top = window.event.clientY - ty + "px";<BR> dragobject.filters.alpha.opacity=77;<BR> }<BR> window.event.returnValue = false;<BR> }<BR>}</P>
<P>function getLeftPos(el) {<BR> if (ie5) {<BR> if (el.currentStyle.left == "auto")<BR> return 0;<BR> else<BR> return parseInt(el.currentStyle.left);<BR> }<BR> else {<BR> return el.style.pixelLeft;<BR> }<BR>}</P>
<P>function getTopPos(el) {<BR> if (ie5) {<BR> if (el.currentStyle.top == "auto")<BR> return 0;<BR> else<BR> return parseInt(el.currentStyle.top);<BR> }<BR> else {<BR> return el.style.pixelTop;<BR> }<BR>}</P>
<P>function makeOnTop(el) {<BR> var daiz;<BR> var max = 0;<BR> var da = document.all;</P>
<P> for (var i=0; i<da.length; i++) {<BR> daiz = da[i].style.zIndex;<BR> if (daiz != "" && daiz > max)<BR> max = daiz;<BR> }</P>
<P> el.style.zIndex = max + 1;<BR>}</P>
<P>if (document.all) { //이 부분은 IE4 이상 버전에서만 작동됩니다.<BR> document.onmousedown = moveme_onmousedown;<BR> document.onmouseup = moveme_onmouseup;<BR> document.onmousemove = moveme_onmousemove;<BR>}</P>
<P>document.write("<style>");<BR>document.write(".moveme, .handle {cursor: move;}");<BR>document.write("</style>");<BR></SCRIPT><BR></head></P>
<P><body></P>
<P><div class="moveme" id="testDiv1"><BR> 이 박스는 Div 태그로 만들었고 맘대로 이동할 수 있습니다.<br><BR> Div 태그에 <b>class="moveme"</b> 를 추가하기만 하면 됩니다.<BR></div></P>
<P><div id="testDiv2"><BR> <div class="handle" handlefor="testDiv2">▒ 이 부분은 손잡이</div><BR> <div class="content"><BR> Div 태그로 만들어진 손잡이 달린 박스입니다.<BR> 손잡이 부분의 Div 태그에 <b>class="handle"</b> 을 추가하고 사용자 정의 속성인 <b>handlefor</b> 에는<BR> 같이 이동시킬 ID 값을(여기서는 testDiv2 가 되겠죠..) 입력하면 됩니다.<BR> 이동시킬 ID 값을 가진 개체의 <b>position</b> 속성은 반드시 <b>relative</b> 로 지정해야 됩니다.<BR> </div><BR></div></P>
<P></body><BR></html></P>
예쁜 레이어 팝업창 (드래그, 다중팝업 등)
tag:blog.daum.net,2009:prattler22.11069436
고시랑
2009-11-29T15:36:05Z
2009-11-29T15:36:05Z
<P><HTML><BR><HEAD><BR><STYLE type=text/css><BR>BODY {FONT-SIZE: 9pt; BACKGROUND: #ffffff; COLOR: #787878; FONT-FAMILY: 굴림,tahoma}<BR></STYLE><BR></HEAD></P>
<P><BODY><BR><script language=javascript></P>
<P> var IE5=(document.getElementById && document.all)? true : false;<BR> var W3C=(document.getElementById)? true: false;<BR> var currIDb=null, currIDs=null, xoff=0, yoff=0; zctr=0; totz=0;</P>
<P> function trackmouse(evt){<BR> if((currIDb!=null) && (currIDs!=null)){<BR> var x=(IE5)? event.clientX+document.body.scrollLeft : evt.pageX;<BR> var y=(IE5)? event.clientY+document.body.scrollTop : evt.pageY;<BR> currIDb.style.left=x+xoff+'px';<BR> currIDs.style.left=x+xoff+10+'px';<BR> currIDb.style.top=y+yoff+'px';<BR> currIDs.style.top=y+yoff+10+'px';<BR> return false;<BR> }<BR> }</P>
<P> function stopdrag(){<BR> currIDb=null;<BR> currIDs=null;<BR> NS6bugfix();<BR> }</P>
<P> function grab_id(evt){<BR> xoff=parseInt(this.IDb.style.left)-((IE5)? event.clientX+document.body.scrollLeft : evt.pageX);<BR> yoff=parseInt(this.IDb.style.top)-((IE5)? event.clientY+document.body.scrollTop : evt.pageY);<BR> currIDb=this.IDb;<BR> currIDs=this.IDs;<BR> }</P>
<P> function NS6bugfix(){<BR> if(!IE5){<BR> self.resizeBy(0,1);<BR> self.resizeBy(0,-1);<BR> }<BR> }</P>
<P> function incrzindex(){<BR> zctr=zctr+2;<BR> this.subb.style.zIndex=zctr;<BR> this.subs.style.zIndex=zctr-1;<BR> }</P>
<P> function createPopup(id, title, width, height, x , y , isdraggable, boxcolor, barcolor, shadowcolor, text, textcolor, textptsize, textfamily ){<BR> if(W3C){<BR> zctr+=2;<BR> totz=zctr;<BR> var txt='';<BR> txt+='<div id="'+id+'_s" style="position:absolute; left:'+(x+7)+'px; top:'+(y+7)+'px; width:'+width+'px; height:'+height+'px; background-color:'+shadowcolor+'; filter:alpha(opacity=50); visibility:visible"> </div>';<BR> txt+='<div id="'+id+'_b" style="border:outset '+barcolor+' 2px; position:absolute; left:'+x+'px; top:'+y+'px; width:'+width+'px; overflow:hidden; height:'+height+'px; background-color:'+boxcolor+'; visibility:visible">';<BR> txt+='<div style="width:'+width+'px; height:16px; background-color:'+barcolor+'; padding:0px; border:1px"><table cellpadding="0" cellspacing="0" border="0" width="'+(IE5? width-4 : width)+'"><tr><td width="'+(width-20)+'"><div id="'+id+'_h" style="width:'+(width-20)+'px; height:14px; font: bold 12px Tahoma; cursor:move; color:'+textcolor+'"> '+title+'</div></td><td align="right"><a onmousedown="document.getElementById(\''+id+'_s\').style.display=\'none\'; document.getElementById(\''+id+'_b\').style.display=\'none\';return false"><img src="<A href="http://www.blueb.co.kr/SRC/javascript/image/close.gif" target=_blank>http://www.blueb.co.kr/SRC/javascript/image/close.gif</A>" border="0" height="15" width="15"></a></td></tr></table></div>';<BR> txt+='<div id="'+id+'_ov" width:'+width+'px; style="margin:5px; color:'+textcolor+'; font:'+textptsize+'pt '+textfamily+';">'+text+'</div></div>';<BR> document.write(txt);<BR> this.IDh=document.getElementById(id+'_h');<BR> this.IDh.IDb=document.getElementById(id+'_b');<BR> this.IDh.IDs=document.getElementById(id+'_s');<BR> this.IDh.IDb.subs=this.IDh.IDs;<BR> this.IDh.IDb.subb=this.IDh.IDb;<BR> this.IDh.IDb.IDov=document.getElementById(id+'_ov');<BR> if(IE5){<BR> this.IDh.IDb.IDov.style.width=width-6;<BR> this.IDh.IDb.IDov.style.height=height-22;<BR> this.IDh.IDb.IDov.style.scrollbarBaseColor=boxcolor;<BR> this.IDh.IDb.IDov.style.overflow="auto";<BR> }<BR> else{<BR> this.IDh.IDs.style.MozOpacity=.5;<BR> }<BR> this.IDh.IDb.onmousedown=incrzindex;<BR> if(isdraggable){<BR> this.IDh.onmousedown=grab_id;<BR> this.IDh.onmouseup=stopdrag;<BR> }<BR> }<BR> }</P>
<P> if(W3C)document.onmousemove=trackmouse;<BR> if(!IE5 && W3C)window.onload=NS6bugfix; <BR> <BR></script></P>
<P><script language=javascript></P>
<P> createPopup( 'popup1', 'popup 1' , 300, 120, 50, 50, true, '#ebebeb' , '#787878' , '#cccccc' , '<font color="#787878">You can drag and drop these boxes by using the titlebar as the handle if dragging has been enabled.<br>Dragging has been disabled for this box.</font>' , '#ffffff' , 8 , 'Tahoma');</P>
<P><!-- 이부분은 팝업창을 두개 이상할때를 보여주기 위한 부분입니다 --> <BR> createPopup( 'popup2', 'popup 2' , 220, 130, 50, 250, true, '#c0c0c0' , '#555555' , '#c0c0c0' , 'The HTML in these boxes will wrap if they need to. In NS6, any HTML past the bottom will get chopped off (because of some weird stuff NS6 does while dragging scrollable DIVs), while IE will display a scrollbar to scroll down.<br><br>' , '#f3f3f3' , 10 , 'Arial'); </P>
<P><BR><!-- 이부분은 팝업창을 두개 이상할때를 보여주기 위한 부분입니다 --> <BR> createPopup( 'popup3', 'popup 3' , 320, 130, 250, 80, true, '#c0c0c0' , '#555555' , '#c0c0c0' , '이곳에 팝업내용을 삽입하세요. ' , '#f3f3f3' , 10 , 'Arial'); </P>
<P></script><BR></P></P>
<P></BODY><BR></HTML></P>
이쁜 경고창
tag:blog.daum.net,2009:prattler22.11069435
고시랑
2009-11-29T15:33:50Z
2009-11-29T15:33:50Z
<P><html><BR><head><BR> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><BR><title>http://www.blueb.co.kr</title><BR><link rel="stylesheet" href="<A href="http://www.blueb.co.kr/SRC/javascript/js1/global.css" target=_blank>http://www.blueb.co.kr/SRC/javascript/js1/global.css</A>" type="text/css" media="all" /><BR><style type="text/css"><BR><!--<BR> #img_container { height:120px; }<BR> #img_container ul {display:block;padding:0;margin:0;list-style:none;}<BR> #img_container ul li{float:left;width:100px;margin:10px;}<BR> #img_container ul li a img {<BR> width:93px;<BR> height:93px;<BR> border:1px solid #574331;<BR> padding:5px;<BR> background:#eee;<BR> }<BR> #img_container ul li a:hover img { border-color: darkred; }<BR>--><BR></style></P>
<P><script src="<A href="http://www.blueb.co.kr/SRC/javascript/js1/mootools.js" target=_blank>http://www.blueb.co.kr/SRC/javascript/js1/mootools.js</A>" type="text/javascript"></script><BR><link rel="stylesheet" href="<A href="http://www.blueb.co.kr/SRC/javascript/js1/sexyalertbox.css" target=_blank>http://www.blueb.co.kr/SRC/javascript/js1/sexyalertbox.css</A>" type="text/css" media="all" /><BR><script src="<A href="http://www.blueb.co.kr/SRC/javascript/js1/sexyalertbox.packed.js" target=_blank>http://www.blueb.co.kr/SRC/javascript/js1/sexyalertbox.packed.js</A>" type="text/javascript"></script></P>
<P><BR><script type="text/javascript"><BR>window.addEvent('domready', function() {<BR> Sexy = new SexyAlertBox();<BR>});</P>
<P>function test() {<BR> Sexy.prompt('<h1>Registro de usuarios</h1>Ingresa tu nombre para poder identificarte en el sistema.','Eduardo' ,{ onComplete: <BR> function(returnvalue) {<BR> if(returnvalue)<BR> {<BR> Sexy.confirm('<h1>Bienvenido '+returnvalue+',</h1><p>¿Deseas ver el about us?</p><p>Pulsa "Ok" para continuar, o pulsa "Cancelar" para salir.</p>', {onComplete: <BR> function(returnvalue) { <BR> if(returnvalue)<BR> {<BR> Sexy.info('<h1>SexyAlertBox</h1><em>versión 1.1</em><br/><p>©2008-2009 Todos los derechos reservados.</p><p>Sexy Alert Box está basado en PBBAcpBox.</p><p>Visita <a href="<A href="http://www.coders.me/%22%3Ewww.coders.me%3C/a">http://www.coders.me/">www.coders.me</a</A>> para obtener la última versión de este script.</p>');<BR> }<BR> else<BR> {<BR> Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.1</em><br/><p>No te olvides de visitar <a href="<A href="http://www.coders.me/%22%3Ewww.coders.me%3C/a">http://www.coders.me/">www.coders.me</a</A>> está lleno de artículos de programación.</p>');<BR> }<BR> }<BR> });<BR> }<BR> else<BR> {<BR> Sexy.error('<h1>Error al intentar entrar al sistema</h1><p>Para continuar, debes ingresar un nombre en la casilla de Nombre.</p><p>Inténtalo de nuevo.</p>');<BR> }<BR> }<BR> });<BR>}<BR></script></P>
<P></head></P>
<P><body><BR>아래 링크를 클릭해보세요... 경고창이 멋지게 나타납니다.<p></P>
<P><a href="#" onclick="Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.1</em><br/><p>No te olvides de visitar <a href=\'http://www.coders.me/\'>www.coders.me</a> está lleno de artículos de programación.</p>');return false;">Mostrar alerta</a></p><BR><a href="#" onclick="Sexy.info('<h1>SexyAlertBox</h1><em>versión 1.1</em><br/><p>©2008-2009 Todos los derechos reservados.</p><p>Sexy Alert Box está basado en PBBAcpBox.</p><p>Visita <a href=\'http://www.coders.me/\'>www.coders.me</a> para obtener la última versión de este script.</p>');return false;">Acerca de...</a></p><BR><a href="#" onclick="Sexy.error('<h1>Error al intentar entrar al sistema</h1><p>Inténtalo de nuevo.</p>');return false;">Mostrar error</a></p></P>
<P><p><a href="#" onclick="test();return false;">Click Here</a></p></P>
<P><BR></body><BR></html> </P>
페이드인 되면서 나타나는 공지창(스크롤시 그자리 유지)
tag:blog.daum.net,2009:prattler22.11069434
고시랑
2009-11-29T15:30:48Z
2009-11-29T15:30:48Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title></P>
<P><script language="javascript"><BR><!--<BR>var isCSS,isW3C,isIE4,isNN4,isIE6CSS;<BR>function centerOnWindow(elemID){<BR> var obj = getRawObject(elemID);<BR> <BR> var scrollX=0,scrollY=0;<BR> if(document.body && typeof document.body.scrollTop !="undefined"){<BR> scrollX+=document.body.scrollLeft;<BR> scrollY+=document.body.scrollTop;<BR> if(document.body.parentNode && typeof document.body.parentNode.scrollTop !="undefined"){<BR> scrollX+=document.body.parentNode.scrollLeft;<BR> scrollY+=document.body.parentNode.scrollTop;<BR> }<BR> }<BR> else if(typeof window.pageXOffset !="undefined"){<BR> scrollX+=window.pageXOffset;<BR> scrollY+=window.pageYOffset;<BR> }<BR> //alert(getObjectWidth(obj)/2);<BR> <BR> var x = Math.round((getInsideWindowWidth()/2) - (getObjectWidth(obj)/2)) + scrollX;<BR> var y = Math.round((getInsideWindowHeight()/2) - (getObjectHeight(obj)/2)) + scrollY;<BR> //alert(x + "=" + y);<BR> shiftTo(obj,x,y);<BR> <BR>}</P>
<P>function getInsideWindowWidth(){<BR> if(window.innerWidth){<BR> return window.innerWidth;<BR> }<BR> else if(isIE6CSS){<BR> return document.body.parentElement.clientWidth;<BR> }<BR> else if(document.body && document.body.clientWidth){<BR> return document.body.clientWidth;<BR> }<BR>}</P>
<P>function shiftTo(obj,x,y){<BR> <BR> if(obj){<BR> if(isCSS){<BR> //alert("in");<BR> var units = (typeof obj.left == "string") ? "px" : 0;<BR> obj.style.left = x + units;<BR> obj.style.top = y + units;<BR> obj.style.visibility="visible";<BR> }<BR> else if(isNN4){<BR> obj.moveTo(x,y);<BR> }<BR> }<BR>}</P>
<P><BR>function handleScroll(evt){<BR> evt = (evt) ? evt : window.event;<BR> centerOnWindow("mypopup");<BR> <BR> evt.cancelBubble = true;<BR> <BR>}</P>
<P>window.onscroll = handleScroll;<BR>window.onresize = handleScroll;<BR>function getInsideWindowHeight(){<BR> if(window.innerHeight){<BR> return window.innerHeight;<BR> }<BR> else if(isIE6CSS){<BR> return document.body.parentElement.clientHeight;<BR> }<BR> else if(document.body && document.body.clientHeight){<BR> return document.body.clientHeight;<BR> }<BR>}</P>
<P>function getObjectWidth(elem){<BR> var result = 0;<BR> if(elem){<BR> if(elem.offsetWidth){<BR> result = elem.offsetWidth;<BR> }<BR> else if(elem.clip && elem.clip.width){<BR> result = elem.clip.width;<BR> }<BR> else if(elem.style && elem.style.pixelWidth){<BR> result = elem.style.pixelWidth;<BR> }<BR> } <BR> return parseInt(result);<BR>}</P>
<P>function getObjectHeight(elem){<BR> <BR> var result = 0;<BR> if(elem){<BR> if(elem.offsetHeight){<BR> result = elem.offsetHeight;<BR> }<BR> else if(elem.clip && elem.clip.height){<BR> result = elem.clip.height;<BR> }<BR> else if(elem.style && elem.style.pixelHeight){<BR> result = elem.style.pixelHeight;<BR> }<BR> } <BR> return parseInt(result);<BR>}</P>
<P>function swapcolor(){<BR> <BR> if(document.images){<BR> isCSS = (document.body && document.body.style) ? true : false;<BR> isW3C = (isCSS && document.getElementById) ? true : false;<BR> isIE4 = (isCSS && document.all) ? true : false;<BR> isNN4 = (document.layers) ? true : false;<BR> isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1")>=0) ? true : false;<BR> <BR> }<BR> <BR> centerOnWindow("mypopup");<BR> opacity("mypopup",0,100,2000);<BR>}</P>
<P>function getRawObject(obj){<BR> var theObj;<BR> <BR> if(typeof obj == "string"){<BR> if(isW3C){<BR> <BR> theObj = document.getElementById(obj);<BR> }<BR> else if(isIE4){<BR> theObj = document.all(obj);<BR> }<BR> else if(isNN4){<BR> theObj = seekLayer(document,obj);<BR> }<BR> }<BR> return theObj;<BR>}</P>
<P>function getObject(obj){<BR> var theObj = getRawObject(obj);<BR> <BR> if(theObj && isCSS){<BR> theObj = theObj.style;<BR> }<BR> return theObj;<BR>}</P>
<P>function seekLayer(doc, name){<BR> var theObj;<BR> for(var i=0;i < doc.layers.length ; i++){<BR> if(doc.layers[i].name == name){<BR> theObj = doc.layers[i];<BR> break;<BR> }<BR> if(doc.layers[i].document.layers.length > 0){<BR> theObj = seekLayer(document.layers[i].document, name);<BR> }<BR> }<BR> return theObj;<BR>}</P>
<P><BR>function opacity(id, opacStart, opacEnd, millisec) { <BR> //speed for each frame <BR> var speed = Math.round(millisec / 100); <BR> var timer = 0; </P>
<P> //determine the direction for the blending, if start and end are the same nothing happens <BR> if(opacStart > opacEnd) { <BR> for(i = opacStart; i >= opacEnd; i--) { <BR> setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); <BR> timer++; <BR> } <BR> } else if(opacStart < opacEnd) { <BR> for(i = opacStart; i <= opacEnd; i++) <BR> { <BR> setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); <BR> timer++; <BR> } <BR> } <BR>} </P>
<P>//change the opacity for different browsers <BR>function changeOpac(opacity, id) { <BR> var object = document.getElementById(id).style; <BR> object.opacity = (opacity / 100); <BR> object.MozOpacity = (opacity / 100); <BR> object.KhtmlOpacity = (opacity / 100); <BR> object.filter = "alpha(opacity=" + opacity + ")"; <BR>} <BR>//--><BR></script></P>
<P></HEAD><BR><BODY onload="swapcolor()"><BR>하단으로 스크롤해도 중앙에 레이어 공지창이 그자리를 유지합니다. <BR> <BR><div style="position:absolute;top:0px;left:0px;visibility:hidden;filter: alpha(opacity=0);-moz-opacity:25;opacity:.00;" id="mypopup"><BR> <table width=400 height=400><BR> <tr bgcolor=white><td style="border:1px #999999 solid">내용</td></tr><BR> <tr bgcolor=white align=right height=20><td style="border:1px #999999 solid"><a href=# onclick="document.getElementById('mypopup').style.display='none'">Close</a></td></tr><BR> </table><BR></div></P>
<P></BODY><BR></HTML> </P>
메신저 알림창 같은 공지창입니다.(쿠키가능)
tag:blog.daum.net,2009:prattler22.11069433
고시랑
2009-11-29T15:30:01Z
2009-11-29T15:30:01Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title><BR></head></P>
<P><body></P>
<P>오른쪽 하단 귀퉁이를 확인하세요..</P>
<P><span id="bluebs_notice" style="visibility:hidden"><BR><table border="1" cellpadding="0" cellspacing="0" width="200" align="center" bgcolor=c0c0c0><BR><tr height=100><BR><td align=center><BR> 이곳에 공지글 및<br><BR> 관련 이미지 작성<BR></td><BR></tr><BR><tr><BR><td><input type="checkbox" name="" value="" onClick="javascript:win_close()">오늘 하루 창 안띄움</td><BR></tr><BR></table><BR></span></P>
<P><BR><script Language="javascript"><BR>//var poplocwidth='190'<BR>//var poplocheight='300'<BR>var sel=1<BR>var fload = true;<BR>var elname = document.getElementById('bluebs_notice'); // span id 바뀔경우 수정</P>
<P>function win_close(){</P>
<P> setCookie( "BLUEB_notice_done", "done" , 1);<BR> elname.style.visibility="hidden"<BR>}</P>
<P>function initialize()<BR>{</P>
<P> var IsOpen = getCookie("BLUEB_notice_done"); //1) 쿠키값<BR> if( IsOpen) return false; // 쿠키값 있으면 return</P>
<P> if (document.all){<BR> poplocwidth=elname.offsetWidth<BR> poplocheight=elname.offsetHeight</P>
<P> setInterval("staticit_ie()",50)</P>
<P> elname.style.position="absolute"<BR> elname.style.left=document.body.clientWidth - poplocwidth<BR> elname.style.top=document.body.clientHeight - poplocheight</P>
<P> elname.style.visibility="visible"</P>
<P> } else if (document.layers){<BR> }</P>
<P>}</P>
<P><BR>function staticit_ie()<BR>{<BR> view_ie()<BR> elname.style.pixelLeft=document.body.scrollLeft+document.body.clientWidth-poplocwidth-10<BR> if (fload == false){<BR> elname.style.pixelTop=document.body.scrollTop+document.body.clientHeight-poplocheight<BR> }<BR>}</P>
<P><BR>function view_ie()<BR>{<BR> if(sel <= poplocheight) {<BR> elname.style.pixelTop=document.body.scrollTop+document.body.clientHeight-sel<BR> sel+=1<BR> openTimer=setTimeout("view_ie()",8)<BR> }<BR> else{<BR> clearTimeout(openTimer)<BR> floadchk() <BR> }<BR>}</P>
<P><BR>function staticit_ff()<BR>{<BR>}</P>
<P><BR>function view_ff()<BR>{<BR>}</P>
<P><BR>function floadchk() <BR>{<BR> if ( fload == false) return;<BR> fload = false;<BR>}</P>
<P>window.onload=initialize</P>
<P></script></P>
<P><BR><script Language="javascript"><BR>//쿠키값 얻기<BR>function getCookie(name) {<BR> var nameStr = name + "=" ;<BR> var nameLen = nameStr.length; <BR> var cookieLen = document.cookie.length; //쿠기값이 없을시 기본적으로 45이다. document.cookie.length >= 45<BR> var i = 0;<BR> while( i < cookieLen ) {<BR> var j = i + nameLen;<BR> if ( document.cookie.substring(i, j) == nameStr ) {<BR> var end = document.cookie.indexOf(";", j); // ;의 위치 <BR> if( end == -1) end = document.cookie.length; <BR> return unescape( document.cookie.substring(j, end) ); //쿠키값 반환<BR> }<BR> i = document.cookie.indexOf(" ", i) + 1; <BR> if ( i == 0) { <BR> break;<BR> }<BR> }<BR>}</P>
<P>//쿠키값 저장<BR>function setCookie( name, value, expiredays )<BR>{<BR> var todayDate = new Date();<BR> todayDate.setDate( todayDate.getDate() + expiredays );<BR> document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"<BR>}<BR></script></P>
<P></body><BR></html></P>
화면 틈새에서 스크롤되면서 나타나는 공지창
tag:blog.daum.net,2009:prattler22.11069432
고시랑
2009-11-29T15:28:56Z
2009-11-29T15:28:56Z
<P><html><BR><head><BR> <title>http://www.blueb.co.kr</title></P>
<P><style type="text/css"></P>
<P>#dropinboxv2cover{<BR>width: 320px;<BR>height: 220px;<BR>position:absolute;<BR>z-index: 100;<BR>overflow:hidden;<BR>visibility: hidden;<BR>}</P>
<P>#dropinboxv2{<BR>width: 300px;<BR>height: 200px;<BR>border: 2px solid black; <BR>background-color: lightyellow;<BR>padding: 4px;<BR>position:absolute; <BR>left: 0;<BR>top: 0;<BR>}</P>
<P></style></P>
<P><script type="text/javascript"><BR>var dropboxleft=200 <BR>var dropboxtop=100<BR>var dropspeed=15<BR>var displaymode="always"</P>
<P>if (parseInt(displaymode)!=NaN)<BR>var random_num=Math.floor(Math.random()*displaymode)<BR>var ie=document.all<BR>var dom=document.getElementById</P>
<P>function initboxv2(){<BR> if (!dom&&!ie)<BR> return<BR> crossboxcover=(dom)?document.getElementById("dropinboxv2cover") : document.all.dropinboxv2cover<BR> crossbox=(dom)?document.getElementById("dropinboxv2"): document.all.dropinboxv2<BR> scroll_top=(ie)? truebody().scrollTop : window.pageYOffset<BR> crossbox.height=crossbox.offsetHeight<BR> crossboxcover.style.height=parseInt(crossbox.height)+"px"<BR> crossbox.style.top=crossbox.height*(-1)+"px"<BR> crossboxcover.style.left=dropboxleft+"px"<BR> crossboxcover.style.top=dropboxtop+"px"<BR> crossboxcover.style.visibility=(dom||ie)? "visible" : "show"<BR> dropstart=setInterval("dropinv2()",50)<BR>}</P>
<P>function dropinv2(){<BR> scroll_top=(ie)? truebody().scrollTop : window.pageYOffset<BR> if (parseInt(crossbox.style.top)<0){<BR> crossboxcover.style.top=scroll_top+dropboxtop+"px"<BR> crossbox.style.top=parseInt(crossbox.style.top)+dropspeed+"px"<BR> }<BR> else{<BR> clearInterval(dropstart)<BR> crossbox.style.top=0<BR> }<BR>}</P>
<P>function dismissboxv2(){<BR> if (window.dropstart) clearInterval(dropstart)<BR> crossboxcover.style.visibility="hidden"<BR>}</P>
<P>function truebody(){<BR> return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body<BR>}</P>
<P>function get_cookie(Name) {<BR> var search = Name + "="<BR> var returnvalue = ""<BR> if (document.cookie.length > 0) {<BR> offset = document.cookie.indexOf(search)<BR> if (offset != -1) {<BR> offset += search.length<BR> end = document.cookie.indexOf(";", offset)<BR> if (end == -1)<BR> end = document.cookie.length;<BR> returnvalue=unescape(document.cookie.substring(offset, end))<BR> }<BR> }<BR> return returnvalue;<BR>}</P>
<P> if (displaymode=="oncepersession" && get_cookie("droppedinv2")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){<BR> if (window.addEventListener)<BR> window.addEventListener("load", initboxv2, false)<BR> else if (window.attachEvent)<BR> window.attachEvent("onload", initboxv2)<BR> else if (document.getElementById || document.all)<BR> window.onload=initboxv2<BR> if (displaymode=="oncepersession")<BR> document.cookie="droppedinv2=yes"<BR>}<BR></script><BR></head><BR><body></P>
<P><div id="dropinboxv2cover"><BR><div id="dropinboxv2"></P>
<P>이곳에 공지사항 내용을 작성하세요..<br><BR><p align="right"><a href="#" onClick="dismissboxv2();return false">Close It</a></p></P>
<P></div><BR></div> </P>
내용이 깜빡거리면서 넘어가는 공지창
tag:blog.daum.net,2009:prattler22.11069431
고시랑
2009-11-29T15:27:49Z
2009-11-29T15:27:49Z
<P><HTML><BR><HEAD><BR> <TITLE>BLUE-B</TITLE><BR><script language="JavaScript"></P>
<P>var mswidth=300;<BR>var msheight=130;<BR>var mspause=1000 //1000=1s<BR>var msspeed=200 // 1000=1s<BR>var msblinks=3 <BR>var sbcolor="#ffffcc";<BR>var sbground="";<BR>var sborder=3; <BR>var singlemessage=new Array();</P>
<P> singlemessage[0]='메세지 1번 내용입니다..';<BR> singlemessage[1]='메세지 2번 내용입니다..<br>태크 사용 가능합니다..<a href=http://www.blueb.co.kr>블루비홈페이지 링크테스트</a>';<BR> singlemessage[2]='메세지 3번<br> 이미지도 테스트 해봅니다..<img src=http://www.blueb.co.kr/SRC/javascript/image/test.jpg>';</P>
<P>var kkk=0;<BR>var timer1 = null;<BR>var timer2 = null;<BR> if(singlemessage.length==1) msblinks=0;<BR>var resumesmsb=msblinks;iki=0;</P>
<P>function dmmg11(){dmdiv.innerHTML=singlemessage[iki];<BR> timer1=setTimeout("dmmg12(dmdiv.style.top=msheight)",mspause);<BR> if(singlemessage.length>1&&msblinks>0) msblinks--;<BR>return;<BR>}</P>
<P>function dmmg12(){timer2=setTimeout("dmmg11(dmdiv.style.top=0)",msspeed);<BR> if(singlemessage.length>1&&msblinks==0){msblinks=resumesmsb;<BR> if(iki==singlemessage.length-1) iki=0;else iki++;<BR> }<BR> return;<BR>}</P>
<P>function ns4mg11(){<BR> ns4blinkdiv.document.write(singlemessage[iki]);<BR> ns4blinkdiv.document.close();<BR> timer1=setTimeout("ns4mg12(ns4blinkdiv.top=msheight)",mspause);<BR> if(singlemessage.length>1&&msblinks>0) msblinks--;<BR> return;<BR>}</P>
<P>function ns4mg12(){<BR> timer2=setTimeout("ns4mg11(ns4blinkdiv.top=0)",msspeed);<BR> if(singlemessage.length>1&&msblinks==0){msblinks=resumesmsb;<BR> if(iki==singlemessage.length-1) iki=0;<BR> else <BR> iki++;<BR> }<BR> return;<BR>}</P>
<P>function startb(){<BR> if(document.getElementById){<BR> dmdiv=document.getElementById('blinkingdiv');<BR> dmmg11(dmdiv);<BR> }<BR> else if(document.all){<BR> dmdiv=blinkingdiv;dmmg11();<BR> }<BR> else if(document.layers){<BR> ns4blinkdiv=document.ns4blinkb0.document.ns4blinkb1;<BR> ns4blinkdiv.visibility='show';ns4mg11();<BR> }<BR>}<BR>//--><BR></script></P>
<P><BR></head><BR><body onload="startb()"></P>
<P><script language="JavaScript">document.write('<table align="center" border='+sborder+' CELLSPACING="0" CELLPADDING="0" background='+sbground+'><tr><td width='+mswidth+'>');if(document.all||document.getElementById){document.writeln('<div style="position:relative;overflow:hidden;width:'+mswidth+';height:'+msheight+';clip:rect(0 '+mswidth+' '+msheight+' 0);background-color:'+sbcolor+';" onMouseover="if (timer1!=null){ clearTimeout(timer1);dmdiv.style.top=0; kkk=1;} if (timer2!=null) {kkk=1; clearTimeout(timer2);}" onMouseout="if (kkk==1) { kkk=0; timer2=setTimeout(\'dmmg11(dmdiv.style.top=0)\',msspeed);}"><div id="blinkingdiv" style="position:relative;width:'+mswidth+';height:'+msheight+';"></div></div>');}</script><ilayer id="ns4blinkb0" width=&{mswidth}; height=&{msheight}; bgcolor=&{sbcolor};><layer id="ns4blinkb1" width=&{mswidth}; height=&{msheight}; onMouseover='if (timer1!=null){ clearTimeout(timer1); ns4blinkdiv.top=0; kkk=1;} if (timer2!=null){ kkk=1; clearTimeout(timer2); }' onMouseout='if (kkk==1) {kkk=0; timer2=setTimeout("ns4mg11(ns4blinkdiv.top=0)",msspeed);}'></layer></ilayer></td></tr></table></P>
<P></body><BR></html> </P>
제목과 내용이 같이 스크롤 되면서 나타나는 공지창
tag:blog.daum.net,2009:prattler22.11069430
고시랑
2009-11-29T15:26:19Z
2009-11-29T15:26:19Z
<P><HTML><BR><HEAD><BR> <TITLE>BLUE-B</TITLE><BR><script language="JavaScript1.2"> </P>
<P>var message= new Array() <BR> message[0]="웹개발자들의 공간|블루비에 오신것을 환영합니다.|http://www.blueb.co.kr" <BR> message[1]="양심적 병역거부자에 보석 결정|남부지법 이정렬판사 대체복무안 논의중 구속은 불합리= 양심적 병역거부자가 병역의 의무를 대신할 수 있는 대체복무 입법안이 제정될 때까지 구속... [연합뉴스 2005-02-13];|http://news.naver.com/news/read.php?mode=LSS2D&office_id=001&article_id=0000910140§ion_id=102§ion_id2=257&menu_id=102" <BR> message[2]="착한 남자 콤플렉스 시대?|요즘 20대 남성들 사이에는 집단적인 ‘착한 남자 신드롬’이 불고 있다는 인터넷 여론조사결과가 나왔다 13일 인터넷 포털 MSN(<A href="http://www.msn.co.kr/" target=_blank>www.msn.co.kr</A>)이 발렌타인데이... [머니투데이 2005-02-13]|http://news.naver.com/news/read.php?mode=LSS2D&office_id=008&article_id=0000505535§ion_id=102§ion_id2=257&menu_id=102" <BR> message[3]="연인간 다툼 男 '내탓', 女 '남자탓'|연인간의 다툼에서 남성들은 자신의 잘못을 인정하고 먼저 화해를 청하는 반면 여성들은 상대 남성을 탓하고 남성의 화해 제안을 기다린다는 조사 결과가 나왔다... [연합뉴스 2005-02-13]|http://news.naver.com/news/read.php?mode=LSS2D&office_id=008&article_id=0000505535§ion_id=102§ion_id2=257&menu_id=102" </P>
<P>// 박스높이 <BR>var scrollerheight=140 <BR>// 박스 가로 <BR>var scrollerwidth=260 <BR>// 왼쪽 여백 <BR>var scrollertop=10 <BR>// 위쪽 여백 <BR>var scrollerleft=10 <BR>// 박스와 텍스트 간의 간격 <BR>var scrollerpadding=10 <BR>// 테두리 두께 <BR>var backgroundborder=2 <BR>// 박스 배경 <BR>var scrollerbgcolor="#FEFDDE" <BR>// 제목 속성 <BR>var font_titleface="돋움" <BR>var font_titlecolor="FF0000" <BR>var font_titlesize=2 <BR>// 설명 속성 <BR>var font_copyface="돋움" <BR>var font_copycolor="660000" <BR>var font_copysize=2 <BR>// 메세지간 지연시간 <BR>var standstillfix=1000 <BR>// 요기까지만, </P>
<P>var cliptop=0 <BR>var clipbottom=scrollerheight-2*scrollerpadding <BR>var clipleft=0 <BR>var clipright=scrollerwidth <BR>var i_message=0 <BR>var mes_joined <BR>var mes_split <BR>var contenttext <BR>var contentbg <BR>var totalheight=scrollerheight*(message.length) <BR>var i_height=0 <BR>var step=1 <BR>var pause=20 <BR>var standstillflex=0 <BR>function initiate(){ <BR> contenttext="<table cellpadding=0 cellspacing=0 border=0 width="+(scrollerwidth-2*scrollerpadding)+">" <BR> contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><br></td></tr>" <BR> for (i=0;i<=message.length-1;i++) { <BR> mes_joined=message[i] <BR> mes_split=mes_joined.split("|") <BR> contenttext+="<tr valign='top'><td height='"+scrollerheight+"'><a href='"+mes_split[2]+"' target='_blank'><font face='"+font_titleface+"' color='"+font_titlecolor+"' size='"+font_titlesize+"'>"+mes_split[0]+"</font></a><br><font face='"+font_copyface+"' color='"+font_copycolor+"' size='"+font_copysize+"'>"+mes_split[1]+"</font></td></tr>" <BR> } <BR> contenttext+="</table>" <BR> <BR> contentbg="<table cellpadding=0 cellspacing=0 border="+backgroundborder+" width='"+scrollerwidth+"'><tr><td height='"+scrollerheight+"' bgcolor="+scrollerbgcolor+"> </td></tr></table>" <BR> <BR> if (document.all) { <BR> scrollertext.innerHTML=contenttext <BR> scrollerbg.innerHTML=contentbg <BR> document.all.scrollertext.style.posTop=scrollertop <BR> document.all.scrollertext.style.posLeft=scrollerleft <BR> document.all.scrollerbg.style.posTop=scrollertop-scrollerpadding <BR> document.all.scrollerbg.style.posLeft=scrollerleft-scrollerpadding <BR> document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" <BR> } <BR> if (document.layers) { <BR> document.scrollertext.document.write(contenttext) <BR> document.scrollertext.document.close() <BR> document.scrollerbg.document.write(contentbg) <BR> document.scrollerbg.document.close() <BR> document.scrollertext.top=scrollertop <BR> document.scrollertext.left=scrollerleft <BR> document.scrollerbg.top=scrollertop-scrollerpadding <BR> document.scrollerbg.left=scrollerleft-scrollerpadding <BR> document.scrollertext.clip.left=clipleft <BR> document.scrollertext.clip.right=clipright <BR> document.scrollertext.clip.top=cliptop <BR> document.scrollertext.clip.bottom=clipbottom <BR> } <BR> scroll() <BR>} <BR>function scroll(){ <BR> standstillflex=standstillfix <BR> if (document.all){ <BR> if (i_height<scrollerheight) { <BR> i_height+=step <BR> cliptop+=step <BR> clipbottom+=step <BR> document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" <BR> document.all.scrollertext.style.posTop-=step <BR> var timer=setTimeout("scroll()",pause) <BR> } <BR> else { <BR> if (document.all.scrollertext.style.posTop<=-(totalheight)) { <BR> document.all.scrollertext.style.posTop=scrollertop <BR> cliptop=0 <BR> clipbottom=scrollerheight-2*scrollerpadding <BR> document.all.scrollertext.style.clip="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" <BR> standstillflex=0 <BR> } <BR> i_height=0 <BR> clearTimeout(timer) <BR> var timer=setTimeout("scroll()",standstillflex) <BR> } <BR> } <BR> <BR> if (document.layers){ <BR> if (i_height<scrollerheight) { <BR> i_height+=step <BR> cliptop+=step <BR> clipbottom+=step <BR> document.scrollertext.clip.left=clipleft <BR> document.scrollertext.clip.right=clipright <BR> document.scrollertext.clip.top=cliptop <BR> document.scrollertext.clip.bottom=clipbottom <BR> document.scrollertext.top-=step <BR> var timer=setTimeout("scroll()",pause) <BR> } <BR> else { <BR> if (document.scrollertext.top<=-(totalheight)) { <BR> document.scrollertext.top=scrollertop <BR> cliptop=0 <BR> clipbottom=scrollerheight-2*scrollerpadding <BR> document.scrollertext.clip.left=clipleft <BR> document.scrollertext.clip.right=clipright <BR> document.scrollertext.clip.top=cliptop <BR> document.scrollertext.clip.bottom=clipbottom <BR> standstillflex=0 <BR> } <BR> i_height=0 <BR> clearTimeout(timer) <BR> var timer=setTimeout("scroll()",standstillflex) <BR> } <BR> } <BR>} <BR></script> <BR></HEAD> <BR><BODY onLoad="initiate()"> </P>
<P><table height=160><td style=position:relative><BR> <div id="scrollerbg" style="position:absolute;top:-1000px"> </div> <BR> <div id="scrollertext" style="position:absolute;top:-1000px"> </div> <BR></td></table> </P>