Появляющийся текст. |
<style type="text/css"> #divZoom{position:absolute; left:0; top:170; width:100%; text-align:center; visibility:hidden} </style> <script type="text/javascript" language="JavaScript"> //Проверка Обозревателя function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0; this.ie4=(document.all && !this.dom)?1:0; this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() zText=new Array('lenininc','narod','ru','lenininc.narod.ru') /*Текст, который будет последовательно появлятся*/ zColor=new Array('#202020','#424242','#8E8E8E','#C2C2C2','#E8E8E8') var zEndSize=70 //Конечный размер шрифта var zSpeed=50 //Скорость увеличения var zAddSize=5 //Размер шрифта (в пикселях) var zFadeSpeed=70 //Скорость изменения цвета var zFont='Arial Black,Arial,Helvetica' //Шрифт var zHide=true //Скрыть после отображения (true или false) var zHideWait=200 //Время для ожидания (перед скрытием) var zStartSize=10 //Начальный размер шрифта var zEndCode="" /*Код, который будет выполнен после скрипта, например: "location.href='newpage.htm' открывает страницу newpage.htm.*/ onload=zoomInit; function makeZoomObj(obj,font,size,endsize,color,text,zspeed,fadespeed, addsize,hide,hidewait,endcode) {this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document. all[obj].style:bw.ns4?document.layers[obj]:0; this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw. ns4?document.layers[obj].document:0; this.zoomWrite=b_zoomWrite; this.zoomIt=b_zoomIt; this.fadeIt=b_fadeIt; this.zoomFade=b_zoomFade; this.font=font; this.color=new Array(); this.color=eval(color); this.text=new Array(); this.text=eval(text); this.zspeed=zspeed; this.fadespeed=fadespeed; this.addsize=addsize; this.endcode=endcode; this.hide=hide; this.hidewait=hidewait; this.size=size; this.startsize=size; this.endsize=endsize; if(size<endsize){this.way="<"; this.addsize=this.addsize }else{this.way=">"; this.addsize=-this.addsize } if(bw.dom || bw.ie4){ this.css.fontFamily=this.font; this.css.fontSize=this.size; this.css.color=this.color[0] } this.obj = obj + "Object"; eval(this.obj + "=this"); return this } function b_zoomFade(num){ if(num<this.text.length){ this.size=this.startsize; this.zoomIt(num,'this.zoomFade('+(num+1)+')') } else if(num==this.text.length) this.fadeIt(0,'this.zoomFade('+(num+1)+')') else if(this.hide) setTimeout(this.obj+ ".css.visibility='hidden'; eval("+this.obj+".endcode)",this.hidewait) } function b_zoomWrite(num,cnum){ if(bw.ns4){ this.writeref.write('<span style="text-align:center; font-size:' + this.size+'px; font-family:'+this.font+'; color:'+this.color[cnum]+ '">'+this.text[num]+'</span>') this.writeref.close() }else if(bw.dom){ spantag=document.createElement("SPAN") spantag.id=this.obj+"span"; this.writeref.replaceChild(spantag,this.writeref.childNodes[0]) this.writeref.childNodes[0].appendChild(document.createTextNode("")) this.writeref.childNodes[0].replaceChild(document. createTextNode(this.text[num]),this.writeref.childNodes[0].childNodes[0]) }else if(bw.ie4) this.writeref.innerHTML=this.text[num] } function b_zoomIt(num,fn){ if(eval(this.size+this.way+this.endsize)){ if(this.size==this.startsize || bw.ns4) this.zoomWrite(num,0) if(bw.dom || bw.ie4) this.css.fontSize=this.size this.size=this.size+this.addsize setTimeout(this.obj+".zoomIt("+num+",'"+fn+"')",this.zspeed) }else eval(fn) } function b_fadeIt(num,fn){ if(num<this.color.length){ if(bw.ns4) this.zoomWrite(this.text.length-1,num) else{ obj=bw.ie4?this.css:document.getElementById(this.obj+"span").style; obj.color=this.color[num] } num++ setTimeout(this.obj+".fadeIt("+num+",'"+fn+"')",this.fadespeed) }else eval(fn) } function zoomInit(){ if(bw.bw){ oZoom=new makeZoomObj('divZoom',zFont,zStartSize,zEndSize, 'zColor','zText',zSpeed,zFadeSpeed,zAddSize,zHide,zHideWait,zEndCode) oZoom.zoomFade(0) oZoom.css.visibility='visible' } } </script> <div id="divZoom" align="center"> </div> |
Перейти к разделу "Учебники по HTML"