Otro efecto de presentación de diapositivas (que combina varios efectos)

Código de efectos especiales de página web, otro efecto especial de cambio de imagen de canal de noticias de sitio web simple

<STYLE type=text/css> /* Estilo de cuadro de botón numérico*/ #imgTitle {FILTER:ALPHA(opacity=70);position:relative;left:0px ;text-align:left;overflow: oculto;} #imgTitle_up {left:0px;text-align: left; width:inherit } #imgTitle_down {left:0px;text-align: right; } /* Estilo del cuadro de imagen*/ .imgClass {border: 0px solid #000;} /* Estilo del cuadro de texto de la imagen*/ #txtFrom {text-align: center;vertical-align: middle; Estilo del botón numérico*/ .button {text-decoration: none; float:left; height:12px; line-height:12px; padding-left:7px; : negrita 9px sans-serif; borde izquierdo:#fff 1px sólido;} a.button, a.button:link, a.button:visited {font-family: sans-serif;text-decoration: none;color:# FFFFFF;color de fondo: #000000;} a.button:hover {familia de fuentes: sans-serif;decoración de texto: ninguna;color:#fff;fondo:#fff } .buttonDiv {fondo: #000000;altura; : 1px;ancho: 21px;float: izquierda;text-align: center; vertical-align: middle;} /*gradient*/ .trans { width:88px; height:12px; overflow:hidden} </STYLE> <SCRIPT language=JavaScript type=text/javascript> var imgWidth=165; //Ancho de la imagen var imgHeight=200; //Alto de la imagen var textFromHeight=21; //Altura del cuadro de texto de enfoque (unidad: px) var textStyle="bt_link"; //Estilo de clase de palabra de enfoque (no clase de conexión) var textLinkStyle="FONT"; //Estilo de clase de conexión de palabra de enfoque var buttonLineOn="#ce0609" //Color del subrayado del botón en var buttonLineOff="#000"; Color del subrayado del botón desactivado var TimeOut=5000; //Tiempo de cambio de cada imagen (unidad milisegundos) var imgAlt=new Array(); (); var adNum=0; var theTimer=0; var tt=1; // La hoja de estilo de altura del cuadro de texto de enfoque inicia document.write('<style type="text/css">'); #focuseFrom{ancho:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}'); txtFrom{altura:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}'); document.write('#imgTitle{width:'+imgWidth+ '); ;arriba:-'+(textFromHeight+12)+'px;height:18px}'); document.write('</style>'); document.write('<div id="focuseFrom">') ; //Fin de la hoja de estilo de altura del cuadro de texto de enfoque tt=1; imgUrl[tt] =''; imgtext[tt]='&nbsp;07/08 Pronóstico del diseño del suéter de cachemira'; .downcodes.com'; imgAlt[tt]='07/08 Pronóstico del diseño del suéter de cachemira'; tt]='http://www.downcodes.com'; imgAlt[tt]='El arte del color de los suéteres de cachemira'; imgUrl[tt] =''; suéteres El nuevo esteticismo de los suéteres de cachemira'; imgLink[tt]='http://www.downcodes.com'; imgAlt[tt]='El nuevo esteticismo de los suéteres de cachemira' tt=4; '; imgtext [tt]='&nbsp;07/08 Suéter de cachemira para mujer de otoño e invierno'; imgLink[tt]='http://www.downcodes.com'; Tendencia del suéter de cachemira para mujer'; var intPage =0; for (var i=1;i<=imgUrl.length;i++) { if (imgUrl[i]!="!!!") { intPage++ } } function changeimg( n) { adNum=n; window.clearInterval(theTimer); adNum=adNum-1; nextAd(); function goUrl(){ window.open(imgLink[adNum],'_blank'); (navigator.appName == " Netscape") { document.write('<style type="text/css">'); document.write('.buttonDiv{height:4px;width:21px;}'); .write('</style >'); función nextAd(){ if(adNum<(intPage-1))adNum++; else adNum=1; theTimer=setTimeout("nextAd()", TimeOut); imgInit.src=imgUrl[adNum]; document.images.imgInit.alt=imgAlt[adNum]; document.getElementById('focustext').innerHTML=imgtext[adNum]; .background=buttonLineOn; documento. getElementById('imgLink').href=imgLink[adNum]; for (var i=1;i<=intPage;i++) { if (i!=adNum){document.getElementById('enlace '+i).style.back=buttonLineOff;} } } document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src ="imgUrl[1]" name="imgInit" border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id=" focustext" class="'+ textStyle+'">'+imgtext[1]+'</span></div>') document.write('<div id="imgTitle">'); document.write(' <div id="imgTitle_down" >'); //El código del botón numérico comienza for(var i=1;i<intPage;i++){document.write('<a href="javascript:changeimg('+i+') )" class="button" style ="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');} //El código del botón numérico termina document.write(' </div>'); document .write('</div>'); document.write('</div>'); nextAd() } //NetScape termina//IE comienza else { var count=0 ; para (i=1;i <intPage;i++) { if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&( imgAlt[i]!="" ) ) { count++; } else { break } } function playTran(){ if (document.all) document.images.imgInit.filters.BlendTrans.play() } var key=0; ; función nextAd(){ if( adNum<count)adNum++ ; else adNum=1; if( key==0 ){ key=1 } else if (document.all){ //imgInit.filters.revealTrans.Transition= 6; document.images.imgInit.filtros.BlendTrans.apply(); playTran(); } document.images.imgInit.src= imgUrl[adNum]; ('enlace'+numad). background=buttonLineOff;} } focustext. internalHTML=imgtext[adNum]; //links_ie_font.links=imglink[adNum]; theTimer=setTimeout("nextAd()", TimeOut); href="javascript:goUrl() "><img style="FILTRO: BlendTrans (duración=1);" src="javascript:nextAd()" border=0 vspace="0" nombre=imgInit class="imgClass" ></a>'); document.write('<div id="txtFrom"><a target=_self href="javascript:goUrl()"><span id="focustext" class="'+textStyle+' "></span></ a></div>'); document.write('<div id="imgTitle">'); document.write(' <div id="imgTitle_down"> <a clase= "trans"" style="float :left"><img src="" border=0></a>'); //El código del botón numérico comienza con (var i=1;i<intPage;i++){ document.write('<a id= "link'+i+'" href="javascript:changeimg('+i+')" class="botón" style="cursor:hand" title="'+imgAlt[i] +'" onFocus="this.blur ()">'+i+'</a>');} //Fin del código del botón numérico document.write('</div>'); document.write('< /div>'); document.write( '</div>'); changeimg(1 } //IE termina</SCRIPT>;