»
EnglishFrenchVietnamese

Print - CursorWave - JavaScriptBank.com

Full version: jsB@nk » Image » CursorWave
URL: https://www.javascriptbank.com/cursorwave.html

CursorWave © JavaScriptBank.comMove your cursor over the image and the cursor will create a smooth dynamic wave-effect around itself.

Full version: jsB@nk » Image » CursorWave
URL: https://www.javascriptbank.com/cursorwave.html



CSS
<style type="text/css">.filterimage {position:absolute;left:-2000px;    filter:wave(strength=5,freq=1,phase=5,lightstrength=2);}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT LANGUAGE="JavaScript"><!-- Beginning of JavaScript -// CursorWave: charming little rollover-animation// Peter Gehrig , info@24fun.com// CONFIGURATION:var x,y,clipleft,clipright,cliptop,clipbottom,posleft,postopfunction checkimage(thissrc,thisleft,thistop) {    if (document.all) {mouseisover=true        filterimage1.innerHTML="<img src="+thissrc+">"filterimage1.style.posLeft=thisleftfilterimage1.style.posTop=thistopposleft=thisleftpostop=thistopmakewave()    }}function makewave() {clipleft=x-posleft-20clipright=clipleft+40cliptop=y-postop-20clipbottom=cliptop+40document.all.filterimage1.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"filterimage1.filters.wave.phase+=2var timer=setTimeout("makewave()",100)}function stopwave() {if (document.all) {clipleft=0clipright=0cliptop=0clipbottom=0document.all.filterimage1.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"}}document.onmousemove = handlerMM;function handlerMM(e){x = document.body.scrollLeft+event.clientXy = document.body.scrollTop+event.clientY}// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<DIV ID="basicimage1" style="position:absolute;left:10px;top:10px;"><a href="#" onMouseOver="checkimage('logojs.gif',10,10)" onMouseOut="stopwave()">  <img src="gif_logojsb2.gif" border="0" width="150" height="60"></a></DIV><br>Move your mouse over image above to see<DIV ID="filterimage1" class="filterimage"></DIV><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->