Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh lung linh khi rê chuột
URL: https://www.javascriptbank.com/cursorwave.html
Hiệu ứng làm cho ảnh bị gợn sóng tại những nơi mà ta rê con trỏ chuột đến.
Phiên bản đầy đủ: jsB@nk » Hình ảnh » Ảnh lung linh khi rê chuột
URL: https://www.javascriptbank.com/cursorwave.html
<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-->
<SCRIPT LANGUAGE="JavaScript"><!-- Beginning of JavaScript -// CursorWave: charming little rollover-animation// Peter Gehrig , [email protected]// 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-->
<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-->