Skip to content

Instantly share code, notes, and snippets.

@rskull

rskull/i_love_you.html

Last active November 9, 2025 22:33
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save rskull/1508075 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save rskull/1508075 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. rskull revised this gist Oct 14, 2015. 2 changed files with 60 additions and 52 deletions.
    52 changes: 0 additions & 52 deletions gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,52 +0,0 @@
    //http://rskull.com/src/i_love_you.html
    onload = function () {
    var d = document;
    //フェードイン
    function feedin (feed, speed) {
    var filter = 0;
    feed.style.opacity = 0;
    feed.style.MozOpacity = 0;
    var timer = setInterval(function () {
    //filter += 0.1 だとちゃんと計算されない
    filter ++;
    feed.style.opacity = (filter / 10);
    feed.style.MozOpacity = (filter / 10);
    if (filter == 10) {
    clearInterval(timer);
    }
    },speed);
    }
    //I LOVE YOU
    var str = [
    [36,37,38,72,107,142,176,177,178],
    [41,76,111,146,181,182,183],
    [185,150,115,80,45,46,47,82,117,152,187],
    [186,49,84,119,154,190],
    [156,121,86,51,53,54,55,88,123,158,193,124,125,194,195],
    [58,93,128,129,130,95,60,164,199],
    [202,167,132,97,62,63,64,99,134,169,204],
    [203,66,101,136,171,206,207,208,173,138,103,68]
    ];
    //ブロック表示
    for (i=0;i<245;i++) {
    var box = d.createElement('div');
    with (d.body.appendChild(box).style) {
    if (i % 35 == 0) { clear = 'both'; }
    border = 'solid #222 1px';
    width = '20px';
    height = '20px';
    margin = '2px';
    float = 'left';
    }
    }
    //メッセージ表示
    var mess = d.getElementsByTagName('div');
    var i = 0, j = 0;
    setInterval(function () {
    feedin(mess[str[i][j]], 25);
    mess[str[i][j]].style.background = '#F39'
    j++;
    if (i == str.length) { clearInterval(timer); }
    if (j == str[i].length) { i++; j = 0; }
    }, 50);
    }
    60 changes: 60 additions & 0 deletions i_love_you.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,60 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>I LOVE YOU</title>
    <script>
    onload = function () {
    var d = document;
    // フェードイン
    function feedin (feed, speed) {
    var filter = 0;
    feed.style.opacity = 0;
    feed.style.MozOpacity = 0;
    var timer = setInterval(function () {
    filter ++;
    feed.style.opacity = (filter / 10);
    feed.style.MozOpacity = (filter / 10);
    if (filter == 10) {
    clearInterval(timer);
    }
    },speed);
    }
    // I LOVE YOU
    var str = [
    [36,37,38,72,107,142,176,177,178],
    [41,76,111,146,181,182,183],
    [185,150,115,80,45,46,47,82,117,152,187],
    [186,49,84,119,154,190],
    [156,121,86,51,53,54,55,88,123,158,193,124,125,194,195],
    [58,93,128,129,130,95,60,164,199],
    [202,167,132,97,62,63,64,99,134,169,204],
    [203,66,101,136,171,206,207,208,173,138,103,68]
    ];
    // ブロック表示
    for (i=0;i<245;i++) {
    var box = d.createElement('div');
    with (d.body.appendChild(box).style) {
    if (i % 35 == 0) { clear = 'both'; }
    border = 'solid #222 1px';
    width = '20px';
    height = '20px';
    margin = '2px';
    float = 'left';
    }
    }
    // メッセージ表示
    var mess = d.getElementsByTagName('div');
    var i = 0, j = 0;
    setInterval(function () {
    feedin(mess[str[i][j]], 25);
    mess[str[i][j]].style.background = '#F39'
    j++;
    if (i == str.length) { clearInterval(timer); }
    if (j == str[i].length) { i++; j = 0; }
    }, 50);
    }
    </script>
    </head>
    <body>
    </body>
    </html>
  2. @DotEarl DotEarl revised this gist Dec 24, 2011. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,4 @@
    //http://rskull.com/src/i_love_you.html
    onload = function () {
    var d = document;
    //フェードイン
  3. @DotEarl DotEarl created this gist Dec 21, 2011.
    51 changes: 51 additions & 0 deletions gistfile1.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,51 @@
    onload = function () {
    var d = document;
    //フェードイン
    function feedin (feed, speed) {
    var filter = 0;
    feed.style.opacity = 0;
    feed.style.MozOpacity = 0;
    var timer = setInterval(function () {
    //filter += 0.1 だとちゃんと計算されない
    filter ++;
    feed.style.opacity = (filter / 10);
    feed.style.MozOpacity = (filter / 10);
    if (filter == 10) {
    clearInterval(timer);
    }
    },speed);
    }
    //I LOVE YOU
    var str = [
    [36,37,38,72,107,142,176,177,178],
    [41,76,111,146,181,182,183],
    [185,150,115,80,45,46,47,82,117,152,187],
    [186,49,84,119,154,190],
    [156,121,86,51,53,54,55,88,123,158,193,124,125,194,195],
    [58,93,128,129,130,95,60,164,199],
    [202,167,132,97,62,63,64,99,134,169,204],
    [203,66,101,136,171,206,207,208,173,138,103,68]
    ];
    //ブロック表示
    for (i=0;i<245;i++) {
    var box = d.createElement('div');
    with (d.body.appendChild(box).style) {
    if (i % 35 == 0) { clear = 'both'; }
    border = 'solid #222 1px';
    width = '20px';
    height = '20px';
    margin = '2px';
    float = 'left';
    }
    }
    //メッセージ表示
    var mess = d.getElementsByTagName('div');
    var i = 0, j = 0;
    setInterval(function () {
    feedin(mess[str[i][j]], 25);
    mess[str[i][j]].style.background = '#F39'
    j++;
    if (i == str.length) { clearInterval(timer); }
    if (j == str[i].length) { i++; j = 0; }
    }, 50);
    }