Full version: jsB@nk » Image » High Explosive Link onMouseover
URL: https://www.javascriptbank.com/high-explosive-link-onmouseover.html
Click on the image-link and you will be blown right into the desired webpage. You won't believe it. This is not Dynamic HTML. This is Dynamite HTML. Made for IE5x.
Full version: jsB@nk » Image » High Explosive Link onMouseover
URL: https://www.javascriptbank.com/high-explosive-link-onmouseover.html
<SCRIPT><!-- Beginning of JavaScript -// CONFIGURATION:// You need only one image besides the script. You don't have// to slice the image yourself! DynamiteLink will do the slicing-job for you.// Configure the script as follows:// 1. Copy and paste the two script-blocks into your HTML-file:// Put the first script-block inside the head-zone of your HTML-file.//Put the second script-block right at the end of the body-zone.// 2.Put your link-image in the same directory as the HTML-file.// 3. Put 'onLoad="initiate()"' inside the body tag.// 4. Configure the variables below:// The width of your image (pixels)var imgwidth=240// The height of your image (pixels)var imgheight=150// The URL of the sliced imagevar imgurl="logojs.gif"// The URL of the redirection linkvar redirurl="http://javascriptbank.com"// Final horizontal position of the image: distance to the left margin of the windowvar x_finalpos=240// Final vertical position of the image: distance to the top margin of the windowvar y_finalpos=80// Number of sliced cells (the higher this number the slower the script)var x_slices=8// Number of sliced rows (the higher this number the slower the script)var y_slices=8// Speed of explosionvar pause=10// Do not change the variables belowvar marginrightvar width_slice=Math.floor(imgwidth/x_slices)var height_slice=Math.floor(imgheight/y_slices)var cliptop=0var clipbottom=height_slicevar clipleft=0var clipright=width_slicevar spancounter=0var x_random=new Array()var y_random=new Array()var max_explsteps=15var i_explsteps=0function initiate() {spancounter=0for (i=0;i<=y_slices-1;i++) {for (ii=0;ii<=x_slices-1;ii++) {x_random[spancounter]=Math.ceil(240*Math.random())-120y_random[spancounter]=Math.ceil(240*Math.random())-120spancounter++}}}function explode_IE() {spancounter=0if (i_explsteps<=max_explsteps) {for (i=0;i<=y_slices-1;i++) {for (ii=0;ii<=x_slices-1;ii++) {var thisspan=eval("document.all.span"+spancounter+".style")thisspan.posLeft+=x_random[spancounter]thisspan.posTop+=y_random[spancounter]spancounter++}}i_explsteps++var timer=setTimeout("explode_IE()",pause)}else {spancounter=0for (i=0;i<=y_slices-1;i++) {for (ii=0;ii<=x_slices-1;ii++) {var thisspan=eval("document.all.span"+spancounter+".style")thisspan.posLeft=-5000spancounter++}}clearTimeout(timer)var newwin=window.open(redirurl, "newindow", "status=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=800,height=500,top=30,left=20")}}// - End of JavaScript - --></SCRIPT><BODY onload=initiate()><SCRIPT><!-- Beginning of JavaScript -for (i=0;i<=y_slices-1;i++) {for (ii=0;ii<=x_slices-1;ii++) {marginright=screen.width+50 document.write("<span id='span"+spancounter+"' style='position:absolute;visibility:visible; left:"+x_finalpos+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")document.write("<a href='javascript:explode_IE()'>")document.write("<img src='"+imgurl+"' border='0'>")document.write("</a>") document.write("</span>")clipleft+=width_sliceclipright+=width_slicespancounter++}clipleft=0clipright=width_slicecliptop+=height_sliceclipbottom+=height_slice}// - End of JavaScript - --></SCRIPT></BODY>