Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Ảnh ghép theo chuột
URL: https://www.javascriptbank.com/imageworm-a-very-naughty-imageanimation.html
Hiệu ứng tạo một ảnh di chuyển sát theo con trỏ chuột, khi chuột di chuyển thì ảnh này sẽ bị cắt thành nhiều mảnh và tất cả các mảnh cùng di chuyển theo con trỏ chuột.
Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Ảnh ghép theo chuột
URL: https://www.javascriptbank.com/imageworm-a-very-naughty-imageanimation.html
<SCRIPT><!-- Beginning of JavaScript -// width and height of your naughty, naughty imagevar imgwidth=240var imgheight=240// number of slices the image is cutvar imgslices=20// don't change the variables belowvar imgslices=12var height_slice=Math.floor(imgheight/imgslices)var cliptop=0var clipbottom=height_slicevar clipleft=0var clipright=imgwidthvar x,yvar flag=0var boxif (document.layers) {var left_pos=".left=";var top_pos=".top=";var doc="document.";var stl="";}if (document.all) {var left_pos=".pixelLeft=";var top_pos=".pixelTop=";var doc="";var stl=".style";}function handlerMM(e){x = (document.layers) ? e.pageX : event.clientXy = (document.layers) ? e.pageY : event.clientYflag=1}if (document.layers){document.captureEvents(Event.MOUSEMOVE);}document.onmousemove = handlerMM;var xpos=new Array()for (i=0;i<=imgslices;i++) {xpos[i]=-50}var ypos=new Array()for (i=0;i<=imgslices;i++) {ypos[i]=-50}function makeworm() {if (flag==1 && document.all) { for (i=imgslices; i>=1; i--) { xpos[i]=xpos[i-1]ypos[i]=ypos[i-1] }xpos[0]=xypos[0]=yfor (i=0; i<imgslices; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=xpos[i]thisspan.posTop=ypos[i] }}var timer=setTimeout("makeworm()",10)}document.write('<body bgcolor=#FFFFFF onLoad=makeworm()>')for (i=0;i<=imgslices-1;i++) { document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; clip: rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")document.write("<img src='../image/logojs.gif'>") document.write("</span>")cliptop+=height_sliceclipbottom+=height_slice}// - End of JavaScript - --></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->