ȨÀ¸·Î
| ¹«·áȸ¿ø°¡ÀÔ | ¾ÆÀ̵ð/ºñ¹øÃ£±â
ÃßõÀ½¾Ç¹æ¼Û
Á¤¸» ¸ÚÀÖ´Â ±ÛÀÚ º¯È¯ ½ºÅ©¸³Æ®
15³â Àü
http://xtx.kr/hi-5/±ÛÀÚ%20º¯È¯%20½ºÅ©¸³Æ®.htm



<head> ºÎºÐ¿¡ »ðÀÔ Çϴ ű×
<style>
v\:* { behavior: url(#default#VML); }
</style>

<body>¾Æ·§ ºÎºÐ¿¡ »ðÀÔÇÏ´Â ½ºÅ©¸³Æ® ű×

<script>
// º¯È¯ ¸Þ½ÃÁö
var message=new Array("Hi All user", "Beautiful world", "My homepage dajuji home", "http://www.xtx.kr", "Go Go My homepage")

// ¶óÀλö»ó ÆäÀÌÁö°¡ ³Ñ¾î°¥¶§ ¸¶´Ù º¯È¯ µË´Ï´Ù. ¼ø¼­´ë·Î
var outlinecolor=new Array("white", "black","red")

// ±×¶óµ¥ÀÌ¼Ç ¾Æ·¡ »ö»ó
var fillcolor1=new Array("blue", "green", "white", "green")

// ±×¶óµ¥ÀÌ¼Ç À§ÂÊ »ö»ó
var fillcolor2=new Array("yellow", "olive", "black", "black")

// ±ÛÀÚ°¡ º¯È¯µÅ±âÀü¿¡ ¿øÀ» ±×¸®´Â ¹®ÀÚ (»ç¿ëÀÚ°¡ ÀÓÀÇ·Î Á¶ÀÛ°¡´É)
var circlemark=new Array("-")

// ¶óÀÎ µÎ²²
var strkweight=2

// ÅØ½ºÆ® º¯È¯ÀÌ ³¡³­µÚ Á¤Á˵ŠÀÖ´Â ½Ã°£ (ÃÊ´ÜÀ§)
var pause=2

// ºÒÅõ¸íµµ¸¦ Á¶ÀýÇÏ´Â ºÎºÐ
var strengthopacity="60%"

// ¹Ý¿øÀÇ ´ëºñ 0.1-1 ±îÁö ÀÔ·Â °¡´É
var circlesize=0.6

///// °ÇµéÁö ¸¶½Ã¿À //////
var outerwidth=document.body.clientWidth
var outerheight=document.body.clientHeight

var innerwidth=Math.floor(circlesize*outerwidth)
var innerheight=Math.floor(circlesize*outerheight)

var posleft=(outerwidth-innerwidth)/2
var postop=(outerheight-innerheight)/2+50

var path=new Array()
var i_message=0
var i_outlinecolor=0
var i_fillcolor1=0
var i_fillcolor2=0
var i_messagelength=0
var longestmessage=0
pause*=1000

var ie=document.getElementById&&document.all?1:0

for (i=0;i<=message.length-1;i++) {
        if (message[i].length>longestmessage) {
                longestmessage=message[i].length
        }
        longestmessage+=4
}

for (i=0;i<=message.length-1;i++) {
        var emptyspace=""
        var i_emptyspace=(longestmessage-message[i].length)/2
        for (ii=0;ii<=i_emptyspace;ii++) {
                emptyspace+=circlemark
        }
        message[i]=emptyspace+" "+message[i]+" "+emptyspace
}

function changeform() {
        if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
        if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0}
        if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0}
        document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
        document.getElementById('fillid').color=fillcolor1[i_fillcolor1]
        document.getElementById('fillid').color2=fillcolor2[i_fillcolor2]
        if (i_message < message.length) {tick()}
        else {document.getElementById('textpathid').string=""}
}

function tick() {
        if (i_messagelength <= message[i_message].length) {
                var messagestringend=""
                var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend
                document.getElementById('textpathid').string=messagestring
                var timer=setTimeout("tick()",50)
                i_messagelength++
        }
        else {
                clearTimeout(timer)
                i_messagelength=0
                i_message++
                i_outlinecolor++        
                i_fillcolor1++        
                i_fillcolor2++        
                var timer=setTimeout("changeform()",pause)
        }
        
}

if (ie) {
        document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">')
        document.write('<v:oval id="tc" style="position:absolute;top:'+postop+';left:'+posleft+';width:'+innerwidth+';height:'+innerheight+'">')
        document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>')
        document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>')
        document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>')
        document.write('<v:path textpathok="t"/>')
        document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>')
        document.write('</v:oval>')
        window.onload=changeform
}
</script>

ÃßõÃßõ : 168 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
3,046
 Vimeo (ºñ¸Þ¿À) API ¸¦ »ç¿ëÇÏ¿© Ç÷¹À̾î ÄÁÆ®·ÑÇϱâ
3,045
 iframe »ç¿ë½Ã ÇÏ´Ü¿¡ ¹ß»ýÇÏ´Â °ø¹é Á¦°Å¹æ¹ý
3,044
 ¾ÆÀÌÇÁ·¹ÀÓ(iframe) Àüüȭ¸é °¡´ÉÇÏ°Ô Çϱâ
3,043
 ºÎÆ®½ºÆ®·¦(bootstrapk)¿¡¼­ »ç¿ëÇÏ´Â class¸í Á¤¸®
3,042
 ºÎÆ®½ºÆ®·¦ CSS
3,041
 Å©·Ò¿¡¼­ ¸¶Áø Á¶Àý
3,040
 PHP ÇöÀç ÆäÀÌÁöÀÇ µµ¸ÞÀθíÀ̳ª urlµîÀÇ Á¤º¸ ¾Ë¾Æ¿À±â
3,039
 PHP preg match all()
3,038
 PHP ·Î À¥ÆäÀÌÁö ±Ü¾î¿À±â ¸ðµç ¹æ¹ý ÃÑÁ¤¸®!
3,037
 [PHP] ¿ø°ÝÁö ÆÄÀÏ ÁÖ¼Ò ³ëÃâ ¾ÈÇϰí curl·Î ´Ù¿î·Îµå ¹Þ±â
3,036
 PHP ÇÔ¼ö Á¤¸®
3,035
 ¾ÆÀÌÇÁ·¹ÀÓ(iframe) ºñÀ² À¯ÁöÇϸ鼭 Å©±â Á¶ÀýÇÏ´Â ¹æ¹ý
3,034
 PHP ¹è¿­¿¡¼­ ¹«ÀÛÀ§·Î Çϳª »Ì¾ÆÁÖ´Â array rand() ÇÔ¼ö
3,033
 PHP Á¤±Ô½Ä Á¤¸®
3,032
 PHP Á¤±Ô½ÄÀ» Ȱ¿ëÇÑ ÅÂ±× ¹× ƯÁ¤ ¹®ÀÚ¿­ Á¦°Å ¹× ÃßÃâ ¹æ¹ý
3,031
 php Å©·Ñ¸µ ¶Ç´Â ÆÄ½Ì ÇÔ¼ö, Á¤±Ô½Ä ¸ðÀ½
3,030
 Á¦ÀÌÄõ¸® ±âº» ¸í·É¾î
3,029
 À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
3,028
 ¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
3,027
 [HTML5]¿¡¼­ frameset ´ëü ¹æ¹ý°ú iframe ¼Ó¼º
3,026
 HTML <Audio> »ç¿ë¹ý
3,025
 À©µµ¿ì10 ½Ã½ºÅÛÆÄÀÏ ¼Õ»ó (Ãʰ£´Ü ¿À·ù º¹±¸¹æ¹ý!!)
3,024
 PHP ÆÄÀÏ Á¸Àç ¿©ºÎ ÆÄ¾ÇÇϱâ(·ÎÄà ÆÄÀÏ Á¸Àç ¹× ¿ø°ÝÁö ÆÄÀÏ Á¸Àç)
3,023
 [CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
3,022
 CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§
Copyright (C) musictrot All rights reserved.