Español
¡Los efectivos efectos especiales de cambio de imagen, los efectos especiales de imagen de Pacific Women's Network, finalmente se revelan! ! Si te gusta, ¡quédatelo!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Especial de exhibición de imágenes de Pacific Women's Network Código de efectos editor de downcodes.com</title> <META NAME="descripción" CONTENT="visualización de imágenes de Pacific Women's Network código de efectos especiales editor de downcodes.com" /> <META NAME="palabras clave" CONTENT="visualización de imágenes de Pacific Women's Network código de efectos especiales downcodes.com editor" /> <style type="text/css"> <!-- /*Cambio de imagen de enfoque*/ #f_div{width:325px; height:225px; margin:0 auto; overflow:hidden ;} # f_imgDiv{ancho:100%; alto:225px; desbordamiento:oculto;} #f_img{filtro:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);} #f_infoDiv{ancho:16px;arriba); :-115px; izquierda: 305px; altura: 120px; posición: relativa;} #f_buttonDiv{ancho:160px; altura:7px; ; desbordamiento: oculto;} #f_buttonDiv .bg{ancho:12px; alto:12px; fondo:#666; float:right; filtro:Alfa(Opacidad=40); altura: 12 px; altura de línea: 13 px; color: #fff; familia de fuentes: Arial, Helvetica, sans-serif; tamaño de fuente: 10 px; alineación de texto: centro; pantalla: bloque; desbordamiento: oculto; decoración de texto :ninguno; posición:absoluta;} #f_buttonDiv a:link,#f_buttonDiv a:visitado,#f_buttonDiv a:active{color:#FFF;} #f_buttonDiv a:hover{fondo:#DE97B7;color:#fff;} # f_buttonDiv a.on:link,#f_buttonDiv a.on:visitado,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{fondo:#D285A7;} #f_buttonDiv a.on:hover{fondo:#DE97B7; } #f_text {altura: 26px; altura de línea: 26px; desbordamiento: oculto; alineación de texto: izquierda; peso de fuente: negrita; url (/u/info_img/2009-06/20/jt7.gif) -repetir 10px 8px; sangría de texto:20px;} #f_text a:link,#f_text a:visited,#f_text a:active{color:#000;text-decoration: none;} #f_text a:hover{color: #FF6600; decoración de texto: ninguna;} cuerpo {fondo: #fff;margen: 0px; tamaño de fuente:12px;} .f14 {tamaño de fuente:14px;} a:link,a:visited,a:active{ color:# 000;decoración de texto: ninguna;} a:hover{ color:#E64393;decoración de texto: ninguna;} .white a:link,.white a:visited,.white a:active{color:#FFFFFF ;decoración de texto: ninguna;} .white a:hover{ color:#FFFFFF;decoración de texto: ninguna;} .white2,.white2 a:link,.white2 a:visited,.white2 a:active{color:# FFF;texto -decoración: ninguno;} .white2 a:hover{ color:#000;texto-decoración: ninguno;} .gray2,.gray2 a:link,.gray2 a:visited,.gray2 a:active{color: #000; decoración de texto: ninguna;} .gray2 a:hover{ color:#E64393;decoración de texto: ninguna;} .verde,.verde a:enlace,.verde a:visitado,.verde a:activo{color :#008100 ;decoración de texto: ninguna;} .green a:hover{ color:#E64393;decoración de texto: ninguna;} #body1_1_1 {flotante: izquierda;ancho: 333px;color de fondo: #F1F1F1; : #D4D4D4 sólido 2px;} #body1_1_1_a {alto: 226px;ancho: 325px;margen: 4px 0 0 4px;} --> </style> </head> <body> <div id="body1_1_1"> <div id=" body1_1_1_a"> <div id="f_div"> <!--Área de imagen--> <div id="f_imgDiv"></div> <div id="f_infoDiv"> <!--Área de botón numérico --> <div id="f_buttonDiv"></div> </div> </div> <!--Área de texto de enfoque--> <div id="f_text" class="f12b"></div> <script> //Área modificable var imgWidth=325; var imgHeight=225; var _timeOut_=5000; var show_text = true //Si se muestra el texto de enfoque var timeOut=_timeOut_; para cambiar después de onmouseout img Hora var now=0; //La primera imagen var target="_blank"; //Método de apertura var button_on ='on' //El nombre del estilo del botón correspondiente al enfoque actual var button_off = '';//No actual El nombre del estilo del botón correspondiente al foco //Área no modificable var imgUrl = new Array(); var imgText = new Array(); (); //var menuList = new Array ();//menú menu var ver=2; //la versión del navegador compatible es 2 por defecto para no ie var firstTime=true; ]='/u/info_img/2009-06 /20/20070720nrydbzd.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">20 consejos para convertirse una belleza "twerking"</a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='20 consejos para convertirte en una belleza "twerking"'; ]='/u/info_img/2009-06 /20/200707191346247f307946246c4.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">Dieciséis cosas que los hombres no hacen 'no sé sobre las mujeres</a> '; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='Dieciséis cosas que los hombres no saben sobre las mujeres'; ]='/u/info_img /2009-06/20/wjy0720-4.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">ModammTú eres ¿La persona de moda con ropa elegante a juego? ! </a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='¿Es usted una persona moderna que está a la moda y combina bien? ! '; imgUrl[++n]='/u/info_img/2009-06/20/20070720pclady001.jpg'; imgText[n]='<a href="http://www.downcodes.com" target=" _blank">La fecha de las vacaciones de verano seguramente ganará con el maquillaje, no importa lo malo que sea</a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='Vacaciones de verano La cita seguramente ganará con el maquillaje, no importa lo malo que sea'; imgUrl[++ n]='/u/info_img/2009-06/20/325nvxingdajiaodiantupianweizi.JPG'; "http://www.downcodes.com" target="_blank">Los niños están más emocionados Lista de combinación de ropa</a>'; imgLink[n]='http://www.downcodes.com'; ]='Lista de combinaciones de ropa para niños más interesantes'; imgUrl[++n]=''; imgText[n]='<a href="http://www.downcodes.com" target="_blank">Vichy. Todos experimentan Qingyi Slim Skin</a>'; imgLink[n]='http:/ /www.downcodes.com'; imgAlt[n]='Todas las personas experimentan Vichy Qingyi Slim Skin'; contar=0; para (i=0;i<imgUrl.length;i++) { if( (imgUrl[i ]!="") && (imgText[i]!="")&& (imgLink[i]!= "")&& (imgAlt[i]!="")) { count++ } else { break } } function p$(string){ document.write(string } function $(id){ return document.getElementById); (id); } // Tamaño de imagen fijo p$("<style> #f_img { width:"+imgWidth+ "px;height:"+imgHeight+"px;</style>"); ver==1){ with($('f_img').filters[0]){ Transition=1; apply(); play() } } if (firstTime){ firstTime=false;timeOut=_timeOut_/1000; } else{ $('f_img').src=imgUrl[ahora]; $('f_img').alt =imgAlt[ahora]; $('f_imgLink').href=imgLink[ahora]; ('f_text').innerHTML=imgText[ahora]; for (var i=0;i<count;i++ ) { $('b'+i).className="botón" //$('f_menu'+ i).className=""; } $('b'+now).className="on"; / /$('f_menu'+now).className="on"; -1)?0:ahora+1; timeOut=_timeOut_; } theTimer=setTimeout("cambio()", timeOut); } function b_change(num){ window.clearInterval(theTimer); change(); } //dibujar línea de gradiente (es decir, css:f_line) function draw_line(){ var div = document .createElement("div"); div.id = 'f_line' $('f_infoDiv').insertBefore( div,$('f_infoDiv').childNodes.item(0)); } // Inicio de la capa de presentación // Imagen var a = document.createElement("a"); objetivo; a.href=imgLink[ahora]; $('f_imgDiv').appendChild(a); var img = document.createElement("img"); img.id="f_img"; .height=imgHeight; img.src=imgUrl[now]; img.alt=imgAlt[now]; a. appendChild(img); //Botón numérico para (var i=0;i<count;i++){ var div_bg = document.createElement("div"); div_bg.id = 'div_bg'+i; div_bg.className=' bg'; $('f_buttonDiv').appendChild(div_bg); ); a.id = 'b'+i; a.className = (i==ahora+1)? "button_on":"button_off"; a.href='javascript:b_change('+i+')'; $('div_bg'+i). appendChild(a); var div= document.createElement("div"); (div); } if (show_text) $('f_text').innerHTML = imgText[now]; // Fin de la capa de presentación $('f_img').onmouseover=function(){window.clearInterval(theTimer);} $ ('f_img').onmouseout=function(){theTimer=setTimeout("change()", timeOut2); } try{ //Filtrar versión new ActiveXObject("DXImageTransform.Microsoft.Fade"); .filters[0].play(); ver=1; draw_line(); } catch (e){ ver=2;} var theTimer = setTimeout("change()", _timeOut_/1000); /div> </div> </cuerpo> </html>