Português
Os efeitos especiais eficazes de troca de imagem, os efeitos especiais de imagem da Pacific Women's Network, foram finalmente revelados! ! Se você gosta, fique com ele!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//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 exibição de imagens da Pacific Women's Network Editor de código de efeitos downcodes.com</title> <META NAME="description" CONTENT="Exibição de imagens da Pacific Women's Network editor de efeitos especiais de código downcodes.com" /> <META NAME="keywords" CONTENT="Exibição de imagens da Pacific Women's Network editor de código de efeitos especiais downcodes.com" /> <style type="text/css"> <!-- /*Troca de imagem de foco*/ #f_div{width:325px; height:225px; margin:0 auto; overflow:hidden ;} # f_imgDiv{largura:100%; altura:225px; overflow:hidden;} #f_img{filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00);} #f_infoDiv{largura:16px;top :-115px ; esquerda:305px; altura:120px; posição:relativa;} #f_buttonDiv{largura:12px;altura:7px; ; estouro: oculto;} #f_buttonDiv .bg{largura:12px; fundo:#666; altura: 12px; altura da linha: 13px; cor: #fff; família de fontes: Arial, Helvetica, sans-serif; tamanho da fonte: 10px; alinhamento de texto: centro; display: bloco; overflow: oculto; decoração de texto :none; posição:absoluta;} #f_buttonDiv a:link,#f_buttonDiv a:visited,#f_buttonDiv a:active{color:#FFF;} #f_buttonDiv a:hover{background:#DE97B7;color:#fff;} # f_buttonDiv a.on:link,#f_buttonDiv a.on:visited,#f_buttonDiv a.on:active,#f_buttonDiv a.on:hover{background:#D285A7;} #f_buttonDiv a.on:hover{background:#DE97B7; } #f_text {height:26px; line-height:26px; overflow:hidden;text-align:left; font-weight:bold; -repetir 10px 8px; recuo de texto:20px;} #f_text a:link,#f_text a:visitado,#f_text a:active{cor:#000;text-decoration: none;} #f_text a:hover{cor: #FF6600; decoração de texto: nenhum;} corpo {fundo: #fff;margem: 0px; tamanho da fonte:12px;} .f14 {tamanho da fonte:14px;} a:link,a:visitado,a:ativo{ color:# 000;text-decoration: none;} a:hover{ color:#E64393;text-decoration: none;} .white a:link,.white a:visited,.white a:active{color:#FFFFFF ;text-decoration: none;} .white a:hover{ color:#FFFFFF;text-decoration: none;} .white2,.white2 a:link,.white2 a:visited,.white2 a:active{color:# FFF;text -decoration: none;} .white2 a:hover{ color:#000;text-decoration: none;} .gray2,.gray2 a:link,.gray2 a:visited,.gray2 a:active{cor: #000; decoração de texto: nenhuma;} .gray2 a:hover{ color:#E64393;decoração de texto: nenhuma;} .green,.green a:link,.green a:visited,.green a:active{cor :#008100 ;decoração de texto: nenhum;} .green a:hover{ color:#E64393;decoração de texto: nenhum;} #body1_1_1 {float: left;largura: 333px;cor de fundo: #F1F1F1; : #D4D4D4 sólido 2px;} #body1_1_1_a {altura: 226px;largura: 325px;margem: 4px 0 0 4px;} --> </style> </head> <body> <div id="body1_1_1"> <div id=" body1_1_1_a"> <div id="f_div"> <!--Área da imagem--> <div id="f_imgDiv"></div> <div id="f_infoDiv"> <!--Área do botão numérico --> <div id="f_buttonDiv"></div> </div> </div> <!--Área de texto em foco--> <div id="f_text" class="f12b"></div> <script> //Área modificável var imgWidth=325; var imgHeight=225; var _timeOut_=5000; //Se deseja exibir o texto de foco var timeOut=_timeOut_; para alternar após onmouseout img Time var now=0; //A primeira imagem var target="_blank" //Método de abertura var button_on ='on'; '';//Não atual O nome do estilo do botão correspondente ao foco //Área não modificável var imgUrl = new Array(); (); //var menuList = new Array ();//menu menu var ver=2; //a versão do navegador compatível é padronizada como 2 para não-ie var firstTime=true; ]='/u/info_img/2009-06 /20/20070720nrydbzd.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">20 dicas para se tornar uma beleza "twerk"</a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='20 dicas para se tornar uma beleza "twerking"'; ]='/u/info_img/2009-06 /20/200707191346247f307946246c4.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">Dezesseis coisas que os homens fazem 'não sei sobre mulheres</a> '; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='Dezesseis coisas que os homens não sabem sobre mulheres'; ]='/u/info_img /2009-06/20/wjy0720-4.jpg'; imgText[n]='<a href="http://www.downcodes.com" target="_blank">ModaｍｍVocê é a pessoa moderna com roupas combinando elegantes? ! </a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='Você é uma pessoa moderna, moderna e que combina bem? ! '; imgUrl[++n]='/u/info_img/2009-06/20/20070720pclady001.jpg'; _blank">A data das férias de verão com certeza ganha com maquiagem, não importa o quão ruim seja</a>'; imgLink[n]='http://www.downcodes.com'; imgAlt[n]='Férias de verão a data certamente ganhará com maquiagem, não importa o quão ruim seja'; "http://www.downcodes.com" target="_blank">Meninos estão mais entusiasmados com a lista de combinações de roupas</a>'; ]='Lista de combinações de roupas mais emocionantes para meninos'; imgUrl[++n]=''; imgText[n]='<a href="http://www.downcodes.com" target="_blank">Vichy Qingyi Slim Skin está sendo experimentado por todos</a>'; imgLink[n]='http://www.downcodes.com'; contagem=0; para (i=0;i<imgUrl.length;i++) { if( (imgUrl[i ]!="") && (imgText[i]!="")&& (imgLink[i]!= "")&& (imgAlt[i]!="")) { contagem++; else { break; } } função p$(string){ document.write(string } função $(id){ return document.getElementById); (id); } //Tamanho fixo da imagem p$("<style> #f_img { width:"+imgWidth+ "px;height:"+imgHeight+"px;</style>"); ver==1){ with($('f_img').filters[0]){ Transition=1; play(); } else{ $('f_img').src=imgUrl[now]; $('f_img').alt =imgAlt[now]; ('f_text').innerHTML=imgText[now]; for (var i=0;i<count;i++ ) { $('b'+i).className="button"; i).className=""; $('b'+now).className="on"; / /$('f_menu'+now).className="on"; -1)?0:agora+1; change(); } //desenhar linha gradiente (ou seja, css:f_line) function draw_line(){ var div = document .createElement("div"); div,$('f_infoDiv').childNodes.item(0)); //Início da camada de apresentação // Imagem var a = document.createElement("a"); alvo; a.href=imgLink[agora]; $('f_imgDiv').appendChild(a); .height=imgHeight; img.src=imgUrl[now]; img.alt=imgAlt[now]; = document.createElement("div"); ); a.id = 'b'+i; a.className = (i==agora+1)? "button_on":"button_off"; a.href='javascript:b_change('+i+')'; $('div_bg'+i).appendChild(a); (div); } if (show_text) $('f_text').innerHTML = imgText[now]; // Fim da camada de apresentação $('f_img').onmouseover=function(){window.clearInterval(theTimer);} $ ('f_img').onmouseout=function(){theTimer=setTimeout("change()", timeOut2); //Filtrar versão new ActiveXObject("DXImageTransform.Microsoft.Fade"); .filters[0].play(); ver=1; draw_line(); /div> </div> </body> </html>
