WEB-нотатки - записник он-лайн

Текст, що з'являється на сторінці

Код скрипту тексту, що з'являється на сторінці:

Code
<style type="text/css">
#divZoom{position:absolute; left:0; top:170;  
  width:100%; text-align:center; visibility:hidden}
</style>

Code
<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('Текст','що з"являється','на сторінці','Текст, що з"являється на сторінці')
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>

Code
<div id="divZoom" align="center"> </div>

Категорія: JavaScript · Додав: mr_smith (07.11.2010)
Переглядів: 1095 · Рейтинг: 5.0/3
Всього коментарів: 0
Додавати коментарі можуть лише зареєстровані користувачі.
[ Реєстрація | Вхід ]

Пошук

Категорії

 
© pya.at.ua 2009 - 2024
Хостинг від uCoz