Javascript Smoking Joe Mouse Script :: RV's free DHTML effects

SMOKEY JOE MOUSE EFFECT

This script has been tested on and shown to work with the following browsers: Internet Explorer version 7 and above* Google Chrome version 4 and above Mozilla Firefox version 2 and above Apple Safari version 5 and above Opera version 9 and above (including Opera mobile) Android Browser version 3 and above * The effect is very weak in Internet Explorer version 10.

20-Jun-2013: Improved support for Internet Explorer. 08-Apr-2013: Problems with Internet Exlporer Version 10 remedied. 15-Feb-2013: First release.
STEP 1: Copy and paste the code below so that it sits between the <head> and </head> tags at the top of your web-page: <script type="text/javascript"> // <![CDATA[ var smokeyness=100; // how much smoke is on the screen (more will slow the script down) var density=40; // how 'big' is the smoke /**************************** * JavaScript Smokey Cursor * * (c)2013 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ***************************/ var swide=800; var shigh=600; var toke=new Array(); var tokex=new Array(); var tokedx=new Array(); var tokey=new Array(); var nicotine=new Array(); var mousedown=false; var x=400; var y=300; var sleft=sdown=0; var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false; function addLoadEvent(funky) { var oldonload=window.onload; if (typeof(oldonload)!='function') window.onload=funky; else window.onload=function() { if (oldonload) oldonload(); funky(); } } addLoadEvent(puff); function puff() { if (document.getElementById) { var i, fag; for (i=0; i<smokeyness; i++) { fag=document.createElement("div"); toke[i]=fag.style; toke[i].position="absolute"; toke[i].backgroundColor="transparent"; toke[i].font="bold "+density+"px Tahoma, Geneva, sans-serif"; toke[i].color="rgba(234,234,234,0.033)"; toke[i].zIndex="9999"; toke[i].pointerEvents="none"; toke[i].visibility="hidden"; fag.appendChild(document.createTextNode(String.fromCharCode('0x25CF'))); document.body.appendChild(fag); tokey[i]=false; } set_scroll(); set_width(); setInterval(drag, 50); }} function drag() { var c; if (mousedown) for (c=0; c<smokeyness; c++) if (tokey[c]===false) { toke[c].left=(tokex[c]=x-density/2)+"px"; toke[c].top=(tokey[c]=y-density)+"px"; toke[c].visibility="visible"; tokedx[c]=(c%2?1.5:-1.5)Math.random(); nicotine[c]=80; break; } for (c=0; c<smokeyness; c++) if (tokey[c]!==false) smoke_rising(c); } document.onmousedown=function(){set_scroll();if(ie_version)setTimeout('mousedown=true', 51);else mousedown=true;}; document.onmouseup=function(){mousedown=false}; function smoke_rising(i) { var cancer; tokey[i]-=4+i%3; tokex[i]+=tokedx[i]-0.5+Math.random(); if (tokey[i]>sdown-density*2 && tokex[i]>sleft && tokex[i]<sleft+swide-density && (nicotine[i]+=2)<256) { cancer=nicotine[i].toString(16); cancer="#"+cancer+cancer+cancer; if (ie_version && ie_version<10) toke[i].filter="Glow(Color="+cancer+",Strength="+Math.floor(nicotine[i]/5)+")"; else if (ie_version) toke[i].textShadow='#000000 0px 0px '+Math.floor(nicotine[i]/5)+'px'; else toke[i].textShadow=cancer+' 0px 0px '+Math.floor(nicotine[i]/5)+'px'; toke[i].top=tokey[i]+"px"; toke[i].left=tokex[i]+"px"; } else { toke[i].visibility="hidden"; tokey[i]=false; } } document.onmousemove=mouse; function mouse(e) { if (e) { y=e.pageY; x=e.pageX; } else { set_scroll(); y=event.y+sdown; x=event.x+sleft; } } window.onresize=set_width; function set_width() { var sw_min=999999; var sh_min=999999; if (document.documentElement && document.documentElement.clientWidth) { if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth; if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight; } if (typeof(self.innerWidth)=='number' && self.innerWidth) { if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth; if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight; } if (document.body.clientWidth) { if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth; if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight; } if (sw_min==999999 \|\| sh_min==999999) { sw_min=800; sh_min=600; } swide=sw_min; shigh=sh_min; } window.onscroll=set_scroll; function set_scroll() { if (typeof(self.pageYOffset)=='number') { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body && (document.body.scrollTop \|\| document.body.scrollLeft)) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop \|\| document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } // ]]> </script> CLICK HERE to select the above script ready to paste it into your clipboard
STEP 2: If you want to change the amount of smoke that is produced, or how 'big' the smoke that rises is, change the values at the start of the script you just copied to the settings you require.
THAT'S IT When your page loads, every time you click your mouse, your cursor will release a thick deep smoke as if it has been miraculously turned into a Cuban cigar or French cigarette. This script might be of use to those who enjoy tobacco or perhaps if you just want to make it look as if your page is being set on fire.

Copyright notice: All scripts are © copyright mf2fm.com. You can use them wherever and whenever you wish, however the copyright notice at the start of the script should remain intact and a link back to this page would be appreciated. The address for this page is: http://www.mf2fm.com/rv/dhtmlsmoke.php.

This page has been viewed 392 times. It was last viewed on Sat 21 Dec, 2024 at 14:05