Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Chữ bay phất phới theo chuột
URL: https://www.javascriptbank.com/wavy-text-trail-script.html
Hiệu ứng tạo ra dòng chữ di chuyển theo con trỏ chuột, dòng chữ có thể tự động bay phất phới như một lá cờ bay trong gió.
Phiên bản đầy đủ: jsB@nk » Con trỏ » Di chuyển theo chuột » Chữ bay phất phới theo chuột
URL: https://www.javascriptbank.com/wavy-text-trail-script.html
<SCRIPT language=JavaScript>var xLayerNo=0;function xLayer(xHtml, x, y, w){if(x==null)x=0;if(y==null)y=0;if(w==null)w=100;if(document.layers){this.layer=new Layer(w);this.layer.document.open();this.layer.document.write(xHtml);this.layer.document.close();this.layer.moveTo(x,y);this.images=this.layer.document.images;/*** These used to be prototypes (like IE ) but when NS (communicator) 4.7 ***//*** first loads up, for some reason the prototypes do not get assigned ***/this.moveTo = function(x,y) { this.layer.moveTo(x,y); }this.moveBy = function(x,y) { this.layer.moveBy(x,y); }this.show= function() { this.layer.visibility = "show"; }this.hide = function() { this.layer.visibility = "hide"; }this.setzIndex= function(z){ this.layer.zIndex = z; }this.setBgColor = function(color) { this.layer.bgColor = color; }this.setBgImage = function(image) { this.layer.background.src = image; }this.getX = function() { return this.layer.left; }this.getY = function() { return this.layer.top; }this.getWidth = function() { return this.layer.width; }this.getHeight = function() { return this.layer.height; }this.getzIndex= function(){ return this.layer.zIndex; }this.isVisible = function() { return this.layer.visibility == "show"; }this.setContent = function(xHtml){this.layer.document.open();this.layer.document.write(xHtml);this.layer.document.close();}this.clip = function(x1,y1, x2,y2){this.layer.clip.top=y1;this.layer.clip.left=x1;this.layer.clip.bottom=y2;this.layer.clip.right=x2;}}elseif(document.all){var xName="xLayer" + xLayerNo++;txt = "<DIV ID='" + xName+ "' STYLE=\"position:absolute;"+ "left:" + x + ";"+ "top:" + y + ";"+ "width:" + w + ";"+ "visibility:hidden\">"+ xHtml + "</DIV>";document.body.insertAdjacentHTML("BeforeEnd",txt);this.content = document.all[xName];this.layer = document.all[xName].style;this.images = document.images;}return(this);}if(document.layers){/**** START prototypes for NS ***//*** END NS ***/}elseif(document.all){/*** START prototypes for IE ***/xLayer.prototype.moveTo = function(x,y){this.layer.pixelLeft = x;this.layer.pixelTop = y;}xLayer.prototype.moveBy = function(x,y){this.layer.pixelLeft += x;this.layer.pixelTop += y;}xLayer.prototype.show= function() { this.layer.visibility = "visible"; }xLayer.prototype.hide= function() { this.layer.visibility = "hidden"; }xLayer.prototype.setzIndex= function(z){ this.layer.zIndex = z; }xLayer.prototype.setBgColor= function(color) { this.layer.backgroundColor = color; }xLayer.prototype.setBgImage= function(image) { this.layer.backgroundImage = image; }xLayer.prototype.setContent = function(xHtml){ this.content.innerHTML=xHtml; }xLayer.prototype.getX= function() { return this.layer.pixelLeft; }xLayer.prototype.getY= function() { return this.layer.pixelTop; }xLayer.prototype.getWidth= function() { return this.layer.pixelWidth; }xLayer.prototype.getHeight= function() { return this.layer.pixelHeight; }xLayer.prototype.getzIndex= function(){ return this.layer.zIndex; }xLayer.prototype.isVisible= function(){ return this.layer.visibility == "visible"; }xLayer.prototype.clip= function(x1,y1, x2,y2){this.layer.clip="rect("+y1+" "+x2+" "+y2+" "+x1+")";this.layer.pixelWidth=x2;this.layer.pixelHeight=y2;this.layer.overflow="hidden";}/*** END IE ***/}else{xLayer.prototype.moveTo = function(x,y) { }xLayer.prototype.moveBy = function(x,y) { }xLayer.prototype.show = function() { }xLayer.prototype.hide = function() { }xLayer.prototype.setzIndex= function(z) { }xLayer.prototype.setBgColor = function(color) { }xLayer.prototype.setBgImage = function(image) { }xLayer.prototype.getX = function() { return 0; }xLayer.prototype.getY = function() { return 0; }xLayer.prototype.getWidth = function() { return 0; }xLayer.prototype.getHeight = function() { return 0; }xLayer.prototype.getzIndex= function(){ return 0; }xLayer.prototype.isVisible = function() { return false; }xlayer.prototype.setContent = function(xHtml) { }}</SCRIPT><SCRIPT language=JavaScript>function xMouse(){this.mouseX= 0;this.mouseY= 0;if(document.layers){this.getMouseXY = function (evnt) {document.ml.mouseX=evnt.pageX;document.ml.mouseY=evnt.pageY;}window.captureEvents(Event.MOUSEMOVE);window.onmousemove = this.getMouseXY;document.ml = this;}elseif(document.all){this.getMouseXY = function () {document.ml.mouseX = document.body.scrollLeft+event.x;document.ml.mouseY = document.body.scrollTop+event.y;}document.ml = this;document.onmousemove = this.getMouseXY;}return(this);}if(document.layers){/**** START prototypes for NS ***//*** END NS ***/}elseif(document.all){/*** START prototypes for IE ***//*** END IE ***/}else{}</SCRIPT><SCRIPT language=JavaScript>var textStr=new Array();var gap=10;var m;var angle=0;var Radius = 10;function textRibbon(ribbonText){m = new xMouse();for(i=0 ; i<ribbonText.length ; i++){textStr[i] = new xLayer(ribbonText.charAt(i));textStr[i].moveTo(i*gap, 100);textStr[i].show();}setTimeout("ani()", 25);}function ani(){angle=angle + 0.5;locX = Radius*Math.cos(angle)/2;locY = Radius*Math.sin(angle);for(i=textStr.length-1; i>0 ; i--){textStr[i].moveTo(textStr[i-1].getX()+gap, textStr[i-1].getY());}textStr[0].moveTo(m.mouseX+20+locX, m.mouseY+locY-10);setTimeout("ani()", 50);}</SCRIPT><SCRIPT language=JavaScript>function start(){textRibbon("JavaScriptBank.com");}</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><BODY onload=start()><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->