Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Khung chữ di chuyển
URL: https://www.javascriptbank.com/floating-flayer-effect.html
Hiệu ứng sẽ tạo ra một dòng chữ di chuyển">di chuyển theo hình chữ nhật đồng thời sẽ đổi màu khi sang cạnh mới.Thực chất thì các chữ này được chứa trong các layer, và dĩ nhiên bạn có thể đặt vào các layer này bất cứ đối tượng nào mà bạn thích.
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Bảng » Khung chữ di chuyển
URL: https://www.javascriptbank.com/floating-flayer-effect.html
<SCRIPT>//detecting browser to dynamically write appropriate DIVs/LAYERsN=(navigator.appName.indexOf('Netscape')!=-1&&parseInt(navigator.appVersion)<5)S=(navigator.appName.indexOf('Netscape')!=-1&&parseInt(navigator.appVersion)>4.9)M=(navigator.appName.indexOf('Microsoft')!=-1)Vis=new Array()Vis[0]=(M||S) ? "hidden" : "hide"Vis[1]=(M||S) ? "visible" : "show"function GetDiv(divId,divY,divX,divW,divH,bCol,visb,zInd){bkCol=(bCol!="")?((N)?" bgColor="+bCol:";background:"+bCol):""Styl = (M||S) ? "<DIV" : "<LAYER"if(M||S){Styl+=" ID="+divIdStyl+=" style='position:absolute;top:"+divY+";left:"+divX+";width:"+divW+";height:"+divH+bkColStyl+=";visibility:"+Vis[visb]+";z-index:"+zIndStyl+="'>"}if(N){Styl+=" ID="+divIdStyl+=" top="+divY+" left="+divX+" width="+divW+" height="+divH+bkColStyl+=" visibility="+Vis[visb]+" z-index="+zIndStyl+=">"}document.writeln(Styl)}function EndDiv(){(M||S)? document.writeln("</DIV>"): document.writeln("</LAYER>")}function PutIt(ID,dX,dY){if(N){document.layers[ID].left=dXdocument.layers[ID].top=dY}if(M){document.all[ID].style.left=dXdocument.all[ID].style.top=dY}if(S){document.getElementById(ID).style.left=dXdocument.getElementById(ID).style.top=dY}}function ShowHide(ID,vs){if(N){document.layers[ID].visibility=Vis[vs]}if(M){document.all[ID].style.visibility=Vis[vs]}if(S){document.getElementById(ID).style.visibility=Vis[vs]}}function Xof(ID){if(N){return document.layers[ID].left}if(M){return document.all[ID].style.left}if(S){return document.getElementById(ID).style.left}}function Yof(ID){if(N){return document.layers[ID].top}if(M){return document.all[ID].style.top}if(S){return document.getElementById(ID).style.top}}function Zind(ID,zz){if(N){document.layers[ID].zIndex=zz}if(M){document.all[ID].style.zIndex=zz}if(S){document.getElementById(ID).style.zIndex=zz}}function ChangeCol(ID,colrx){if(M)document.all[ID].style.background=colrxif(N)document.layers[ID].bgColor=colrxif(S)document.getElementById(ID).style.background=colrx}function DivWrite(IdName,Str) {if (N){document.layers[IdName].document.write(Str)document.layers[IdName].document.close()}if(M) document.all[IdName].innerHTML=Strif(S) document.getElementById(IdName).innerHTML=Str}</SCRIPT><SCRIPT>//the arrays below are hard coded here but can be populated from your dbTexts=new Array("Hello!","I am over here!","Look here!","Hi! How are you?","Oh no! The end is nigh...","Yuk! Is that a dagger?")Actions=new Array([-5,0],[0,-5],[5,0],[0,5])Colrs=new Array("red","blue","black","lime")//the functions getDiv(), EndDiv() are in laydiv.js file//they are used to create layers/divs (cross-browser)//the function PutIt(id,xx,yy) is also in the laydiv.js file//it puts object id at coords (xx,yy)GetDiv("Bit",100,300,100,50,'',1,1)document.write("Test layer")EndDiv()function FlyNow(){xL+=Actions[act][0]yL+=Actions[act][1]window.status=xL+":"+yL+":"+nPutIt("Bit",xL,yL)n++if(n>35)StopFly()else setTimeout('FlyNow()',50)}function StopFly(){n=0act=(act<Actions.length-1)?act+1:0t=(t<Texts.length-1)?t+1:0DivWrite("Bit","<font face=Tahoma size=5 color="+Colrs[act]+">"+Texts[t]+"</font>")setTimeout('FlyNow()',100)}function Init(){xL=300yL=200act=0t=0n=0FlyNow()}Init()</SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->