ȨÀ¸·Î
| ¹«·áȸ¿ø°¡ÀÔ | ¾ÆÀ̵ð/ºñ¹øÃ£±â
ÃßõÀ½¾Ç¹æ¼Û
À̹ÌÁö ¿À¹ö·¦ (¼Óµµ Á¶Àý °¡´É, À̹ÌÁö °¹¼ö Á¦ÇÑ ¾øÀ½)
ȨÆäÀÌÁöȨÆäÀÌÁö 19³â Àü
<body> ¿Í </body>»çÀÌ¿¡ ¾Æ·¡ ½ºÅ©¸³Æ®¸¦ Ãß°¡Çϼ¼¿ä.
¿¹Á¦¸µÅ©¸¦ Ŭ¸¯Çغ¸¼¼¿ä

<script language = "JavaScript">
<!--

// À̹ÌÁöÀÇ À§Ä¡
var imgPosX = 10;
var imgPosY = 10;

// ½Ã°£ °£°Ý (¸ØÃçÀÖ´Â ÃÊ)
var pause = 3;

// ¿À¹ö·¦ ºü¸£±â (Ŭ¼ö·Ï ºü¸§ - 100À» ³ª´©¾î ¶³¾îÁú ¼ö ÀÖ´Â ¼ö°¡ ÁÁÀ½)
var multi = 4;

// À̹ÌÁö ÁÖ¼Ò (imgName1°ú imgName2¸¦ ±³´ë·Î Çϰí, ¹è¿­ ÷ÀÚ´Â µÎ¹ø¾¿ ¾¸)
var imgName1 = new Array();
var imgName2 = new Array();
        imgName1[0] = "±×¸²ÁÖ¼Ò";
        imgName2[0] = "±×¸²ÁÖ¼Ò";
        imgName1[1] = "±×¸²ÁÖ¼Ò";
        imgName2[1] = "±×¸²ÁÖ¼Ò";
        imgName1[2] = "±×¸²ÁÖ¼Ò";
        imgName2[2] = "±×¸²ÁÖ¼Ò";
        imgName1[3] = "±×¸²ÁÖ¼Ò";
        imgName2[3] = "±×¸²ÁÖ¼Ò";        // Ȧ¼ö °³ÀÏ °æ¿ì ¸¶Áö¸· ±×¸²À» ºó ±×¸²À¸·Î ÇØ¼­ ¦¼ö°³·Î ¸ÂÃçÁÖ¼¼¿ä.


var imgPreload1 = new Array();
    for (i = 0; i < imgName1.length; i++) {
            imgPreload1[i] = new Image();
            imgPreload1[i].src = imgName1[i];
    }
var imgPreload2 = new Array();
    for (i = 0; i < imgName2.length; i++) {
            imgPreload2[i] = new Image();
            imgPreload2[i].src = imgName2[i];
    }

var imgIndex1 = 0;
var imgIndex2 = imgName2.length - 1;
var step = 0;
var maxStep = 100 / multi;

function overlapStart()
{
        if (step++ < maxStep) {
                overlap1.filters.alpha.opacity = step * multi;
                var timer = setTimeout("overlapStart()", 0);
        }
        else {
                clearTimeout(timer);
                changeImage2();
                var timer = setTimeout("overlap1to2()", pause);
        }
}
function overlap1to2()
{
        if (step-- >= 0) {
                overlap1.filters.alpha.opacity = step * multi;
                overlap2.filters.alpha.opacity = (maxStep - step) * multi;
                var timer = setTimeout("overlap1to2()", 0);
        }
        else {
                clearTimeout(timer);
                changeImage1();
                var timer = setTimeout("overlap2to1()", pause);
        }
}
function overlap2to1()
{
        if (step++ < maxStep) {
                overlap1.filters.alpha.opacity = step * multi;
                overlap2.filters.alpha.opacity = (maxStep - step) * multi;
                var timer = setTimeout("overlap2to1()", 0);
        }
        else {
                clearTimeout(timer);
                changeImage2();
                var timer = setTimeout("overlap1to2()", pause);
        }
}
function changeImage1()
{
        imgIndex1++;
        if (imgIndex1 >= imgName1.length) {
                imgIndex1 = 0;
        }
        overlap1.innerHTML = "<img src='" + imgName1[imgIndex1] + "' border='0'>";
}
function changeImage2()
{
        imgIndex2++;
        if (imgIndex2 >= imgName2.length) {
                imgIndex2 = 0;
        }
        overlap2.innerHTML = "<img src='" + imgName2[imgIndex2] + "' border='0'>";
}

function overlapImage()
{
        pause = pause * 1000;

        overlap1.style.posLeft = overlap2.style.posLeft = imgPosX;
        overlap1.style.posTop  = overlap2.style.posTop  = imgPosY;

        overlap1.innerHTML = "<img src='" + imgName1[imgIndex1] + "' border='0'>";
        overlap2.innerHTML = "<img src='" + imgName2[imgIndex2] + "' border='0'>";        

        overlapStart();
}

document.write('<div id="overlap1" style="position:absolute; filter:alpha(opacity=0);"></div>');
document.write('<div id="overlap2" style="position:absolute; filter:alpha(opacity=0);"></div>');

window.onload = overlapImage;

-->
</script>
ÃßõÃßõ : 313 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
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.