Let's write β

プログラミング中にできたことか、思ったこととか

Webページに虫を蠢かせるJavascript

暇つぶしです。書きました

function insertBug(bugs) {
    var $div = $("body");
    var $jqObj;  
    for(var i=0;i<bugs;i++){
	var x = Math.round( Math.random()*1000 );
	var y = Math.round( Math.random()*1000 );
	$jqObj = $("<div/>").addClass("bug").attr({'data-x': x,'data-y': y, }).css('top', y).css('left', x).css('background-color',"#300");
	$div.append($jqObj);
    }
    setInterval(function() {
        $(".bug").each(function() {
	    cx = $(this).data('x');
	    cy = $(this).data('y');
	    dx = -5 + Math.round( Math.random() * 6 );
	    dy = -5 + Math.round( Math.random() * 6 );
	    cx += dx;
	    cy += dy;
	    $(this).attr({'data-x': cx,'data-y': cy});
	    $(this).css('top',cy).css('left',cx);
	});
    }, 100);
}
.bug {
    position: fixed;
    opacity: 0.8;
    background-color: #000000;
    width: 1px;
    height: 2px;
}

お好きなページでinsertBugをよんでください...サイト上に小さな虫たちが蠢きます。f:id:Pocket7878_dev:20130429022839p:plain