Библиотека Javascript. SE@RCHER

<HTML><HEAD><TITLE>Анимационные эффекты при загрузке текста, фото</TITLE> <SCRIPT>  </SCRIPT> <META content="Transitional Effects Script. Use this script to add special effects to your document in IE 4.x!" name=description> <META content="DHTML, Transitional Effects, IE 4.x, DHTML tutorial, JavaScript, free" name=keywords> <META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD> <BODY leftMargin=0 marginwidth="0"> <TABLE cellSpacing=0 cellPadding=0 width="98%" border=0> <TBODY> <TR> <TD vAlign=top align=left> Special Effects upon Page Enter IE Credits: Dynamic Drive Description: With the introduction of IE 4.x, transitions came along. Transitions are IE 4.x exclusive effects that are applied to the entire document upon page enter, similar to those often seen on TV when switching between scenes. Demo: To allow you to easily sample all of the 24 transitions and pick out the one you want to use, we've created the following transition sampler. Use the list on the left to select a transition, and the effect will be shown in the mini window below. When you see one you like to use, click "I want this!", and copy the code under "Directions". <TABLE cellSpacing=1 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD width="30%"> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid" width="100%" bgColor=#67eb78>Choose Transition</TD> </TR> <TR> <TD width="100%">  <SCRIPT language=JavaScript1.2>  </SCRIPT> <DIV onmouseover="changecolor('red')" style="OVERFLOW: scroll; CURSOR: hand; HEIGHT: 280px" onclick="changecolor('purple');doit()" onmouseout="changecolor('green')">  Blend in Box in Box out Circle in Circle out Wipe up Wipe down Wipe right Wipe left Vertical blinds Horizontal blinds Checkerboard across Checkerboard down Random dissolve Split vertical in Split vertical out Split horizontal in Split horizontal out Strips left down Strips left up Strips right down Strips right up Random bars horizontal Random bars vertical Random  </DIV>  </TD> </TR> </TBODY> </TABLE> </TD> <TD vAlign=top align=left width="70%">  <DIV id=mytransition style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FILTER: revealTrans(duration=3,transition=0) blendTrans(duration=3); BORDER-LEFT: black 1px solid; WIDTH: 100%; BORDER-BOTTOM: black 1px solid; HEIGHT: 100%"></DIV> <SCRIPT > function fadein(){ mytransition.innerHTML='' if (cur!='x'){ mytransition.filters.revealTrans.Transition=cur mytransition.filters.revealTrans.apply() mytransition.innerHTML='<big><big>This is a sample document. Welcome!</big></big><img src="0006.jpg" width="97" height="100"><big><big>This is a sample document. Welcome!</big></big>' mytransition.filters.revealTrans.play() } else{ mytransition.filters.blendTrans.apply() mytransition.innerHTML='<big><big>This is a sample document. Welcome!</big></big><img src="BS00825A.gif" width="97" height="100"><big><big>This is a sample document. Welcome!</big></big>' mytransition.filters.blendTrans.play() } } </SCRIPT>  </TD> </TR> <TR> <TD width="30%">  <SCRIPT language=JavaScript1.2> function applyit(){ var temp; if (cur!="x") temp='<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition='+cur+')">' else temp='<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">' document.forms[0].elements[0].value=temp } </SCRIPT> <INPUT style="FONT-WEIGHT: bold" onclick=applyit() type=button value="I want this!">  </TD> <TD vAlign=top align=left width="70%"></TD> </TR> </TBODY> </TABLE> <HR SIZE=1> Directions: Simply insert the below into the <head> section of your page. You can change the duration of the effect from the default 4 seconds to another by changing "Duration=4" to another number. <FORM name=y1 action=--WEBBOT-SELF-- method=post>    <SCRIPT>  </SCRIPT> <TEXTAREA style="WIDTH: 98%" name=y2 rows=8 wrap=virtual cols=45>