»
EnglishFrenchVietnamese

Print - Flatting image - JavaScriptBank.com

Full version: jsB@nk » Image » Flatting image
URL: https://www.javascriptbank.com/flatting-image.html

Flatting image © JavaScriptBank.comImage is created by many flat. Very cool.

Full version: jsB@nk » Image » Flatting image
URL: https://www.javascriptbank.com/flatting-image.html



CSS
<STYLE>.s {LEFT: -5000px; POSITION: absolute; topt: -5000px}A {TEXT-DECORATION: none}</STYLE><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT><!-- Beginning of JavaScript -// anh dung de thuc hien hieu ung, co the tao them nhieu anhvar messageimg = new Array()messageimg[0]="logojs.gif"messageimg[1]="logojs.gif "// doan text chu thich cho moi anhvar message = new Array()message[0]="Text and image are right"message[1]="Text and image are left"// lien ket khi nhap vao anhvar messageurl = new Array()messageurl[0]="http://www.javascriptbank.com"messageurl[1]="http://www.javascriptbank.com"// canh le cho anhvar alignimg=new Array()alignimg[0]="right"alignimg[1]="left"// canh le cho doan textvar alignmessage=new Array()alignmessage[0]="right"alignmessage[1]="left"// target of the message-links (HTML conventions)var target_url="_blank"// chieu rong cua doan textvar textwidth=500// chieu cao cua doan textvar textheight=150// duong vien cua text va anhvar borderwidth=5// kich thuoc fontvar font_size=1// ten fontvar font_face="Verdana"// mau fontvar font_color="black"// mau cua backgroundvar bg_ticker="FFFCCC"// vi tri xuat hien hieu ungvar x_finalpos=100var y_finalpos=100// so luong manh catvar x_slices=12// thoi gian dung giua cac text (milliseconds)var pause=200// dung chinh sua nhung text sauvar imgpreload=new Array()for (i=0;i<=messageimg.length-1;i++) {imgpreload[i]=new Image()imgpreload[i].src=messageimg[i]}var i_loop=0var i_message=0var width_slice=Math.ceil(textwidth/x_slices)var cliptop=0var clipbottom=textheightvar i_clipright=1var content=""function initiate() {    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"    content+="<a href="+message[i_message]+" target="+target_url+">"    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"    content+=message[i_message]    content+="</font></a></td></tr></table>"    if (document.all) {    for (i=0;i<=x_slices;i++) {            var thisinners=eval("s"+i)            thisinners.innerHTML=content            var thiss=eval("document.all.s"+i+".style")            thiss.posLeft=x_finalpos            thiss.posTop=y_finalpos        }    i_message++    openlamellar()    }if (document.layers) {    for (i=0;i<=x_slices;i++) {            var thisinners=eval("document.s"+i+".document")            thisinners.write(content)thisinners.close()            var thiss=eval("document.s"+i)            thiss.left=x_finalpos            thiss.top=y_finalpos        }    i_message++    openlamellarNN()    }}function openlamellar() {clipleft=-width_sliceclipright=0    if (i_clipright<=width_slice) {        for (i=0;i<=x_slices;i++) {            var thiss=eval("document.all.s"+i+".style")            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"            clipleft+=width_slice            clipright=clipleft+i_clipright}    i_clipright++    var timer=setTimeout("openlamellar()",20)   }   else {clearTimeout(timer)var timer=setTimeout("closelamellar()",2000)}}function openlamellarNN() {clipleft=-width_sliceclipright=0    if (i_clipright<=width_slice) {        for (i=0;i<=x_slices;i++) {            var thiss=eval("document.s"+i)thiss.clip.left=clipleft        thiss.clip.right=clipright        thiss.clip.top=cliptop        thiss.clip.bottom=clipbottom            clipleft+=width_slice            clipright=clipleft+i_clipright}    i_clipright++    var timer=setTimeout("openlamellarNN()",20)   }   else {clearTimeout(timer)var timer=setTimeout("closelamellarNN()",2000)}}function closelamellar() {    clipleft=-width_sliceclipright=0    if (i_clipright>=0) {        for (i=0;i<=x_slices;i++) {            var thiss=eval("document.all.s"+i+".style")            thiss.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"            clipleft+=width_slice            clipright=clipleft+i_clipright}    i_clipright--    var timer=setTimeout("closelamellar()",20)       }   else {clearTimeout(timer)var timer=setTimeout("changeimage()",2000)}}function closelamellarNN() {    clipleft=-width_sliceclipright=0    if (i_clipright>=0) {        for (i=0;i<=x_slices;i++) {           var thiss=eval("document.s"+i)thiss.clip.left=clipleft        thiss.clip.right=clipright        thiss.clip.top=cliptop        thiss.clip.bottom=clipbottom            clipleft+=width_slice            clipright=clipleft+i_clipright}    i_clipright--    var timer=setTimeout("closelamellarNN()",20)       }   else {clearTimeout(timer)var timer=setTimeout("changeimageNN()",2000)}}function changeimage() {    content=""if (i_message>message.length-1) {i_message=0}    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"    content+="<a href="+message[i_message]+" target="+target_url+">"    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"    content+=message[i_message]    content+="</font></a></td></tr></table>"for (i=0;i<=x_slices;i++) {        var thisinners=eval("s"+i)        thisinners.innerHTML=content       }i_message++openlamellar()}function changeimageNN() {    content=""if (i_message>message.length-1) {i_message=0}    content+="<table border="+borderwidth+" cellpadding='5' width="+textwidth+" height="+textheight+">"    content+="<tr><td bgcolor="+bg_ticker+" align="+alignmessage[i_message]+">"content+="<img hspace=5 src="+messageimg[i_message]+" align="+alignimg[i_message]+" border='0'>"    content+="<a href="+message[i_message]+" target="+target_url+">"    content+="<font face="+font_face+" size="+font_size+" color="+font_color+">"    content+=message[i_message]    content+="</font></a></td></tr></table>"for (i=0;i<=x_slices;i++) {        var thisinners=eval("document.s"+i+".document")        thisinners.write(content)thisinners.close()    }i_message++openlamellarNN()}// - End of JavaScript - --></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onload=initiate()><SCRIPT><!-- Beginning of JavaScript -    for (i=0;i<=x_slices;i++) {        document.write("<span id='s"+i+"' class='s'></span>")}// - End of JavaScript - --></SCRIPT></BODY><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->