Hey!
I've made a little thing for Valentine's Day.
It is an Hearts effect..
Add in the <head>:
The JavaScript:Code:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
Demo: Bas' Hearts EffectCode:if(!window["bas"]){ window["bas"] = {}; } if(!window["bas"]["snow"]){ window["bas"]["snow"] = {}; bas.snow.windowWidth = 100; bas.snow.intervalTimeA = 500; bas.snow.intervalTimeB = 200; bas.snow.removeTime = 10000; bas.snow.snowID = 0; bas.snow.text = "❤"; bas.snow.init = function(){ bas.snow.doAdd(); window.setInterval("bas.snow.doAdd()",bas.snow.intervalTimeA); window.setInterval("bas.snow.doAdd()",bas.snow.intervalTimeB); }; bas.snow.doAdd = function(){ bas.snow.snowID = parseInt(bas.snow.snowID + 1); var item = document.createElement("div"); item.id = "bas_snow_" + bas.snow.snowID; item.innerHTML = bas.snow.text; item.style.position = "fixed"; item.style.left = Math.floor(Math.random()*bas.snow.windowWidth) + "." + Math.floor(Math.random()*9) + "%"; item.style.top = "0px"; item.style.color = ((Math.floor(Math.random()*2) >= 1) ? '#FF68B6' : '#FFFFFF'); item.style.fontSize = Math.floor(Math.random()*20) + "px"; document.body.appendChild(item); $('#bas_snow_' + bas.snow.snowID).animate({ top: '+=1000', left: '' + ((Math.floor(Math.random()*2) >= 1) ? '-' : '+') + '=' + Math.floor(Math.random()*51) + '%', fontSize: '+=30' },10000, function(){}); window.setTimeout("bas.snow.doRemove('bas_snow_" + bas.snow.snowID + "')",bas.snow.removeTime); }; bas.snow.doRemove = function(id){ $('#' + id).fadeOut("slow", function(){ document.body.removeChild(document.getElementById(id)); }); }; } window.onload=function(){bas.snow.init();}
- Bas![]()





