Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Chuột có ngôi sao bay quanh [dùng hình ảnh]
URL: https://www.javascriptbank.com/dancing-stars-cursor-with-images.html
![Chuột có ngôi sao bay quanh [dùng hình ảnh] © JavaScriptBank.com](/javascript.images/mouse/dancing-stars-cursor-with-images.jpg)
Hiệu ứng tạo ra các đốm vàng bay quanh con trỏ chuột sau đó hội tụ tại một điểm. Hiệu ứng có sử dụng hình ảnh, một hiệu ứng rất đẹp và hữu ích cho việc trang trí thêm cho trang web.
Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Chuột có ngôi sao bay quanh [dùng hình ảnh]
URL: https://www.javascriptbank.com/dancing-stars-cursor-with-images.html
<script language="JavaScript">var images="bongbong.gif";var amount=8; var yBase = 150;var xBase = 200;var step = .2;var currStep = 0;var Xpos = 5;var Ypos = 5;var i = 0;var j = 0;if (document.all){document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')document.write('<div id="c" style="position:relative">');for (n=0; n < amount; n++)document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">')document.write('</div>')document.write('</div>')function MsieMouseFollow(){ Xpos = document.body.scrollLeft+event.x-5; Ypos = document.body.scrollTop+event.y-5; } document.onmousemove = MsieMouseFollow;}else if (document.layers){window.captureEvents(Event.MOUSEMOVE);for (ns=0; ns < amount; ns++) document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>");function NsMouseFollow(evnt){ Xpos = evnt.pageX-5; Ypos = evnt.pageY-5; } window.onMouseMove = NsMouseFollow;}function Swirl(){if (document.all){ yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4;}else if (document.layers){ yBase = window.innerHeight/4; xBase = window.innerWidth/4;}if (document.all){ for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); ieDiv.all.c.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); }}else if (document.layers){ for ( j = 0 ; j < ns ; j++ ) { var temp="n"+j document.layers[temp].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[temp].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); }}currStep += step;setTimeout("Swirl()", 10);}Swirl();// --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/mouse/bongbong.gif