Português
<!-- http://bbs.downcodes.com--> <!--完成此效果需要把下面代码放到<body>区域中--> <div align="center"> <SCRIPT language=JavaScript > <!-- //-------------------------- Iniciar variáveis personalizáveis ----------------- ------// //=== Posicionamento ===// var left = 100; // Posição inicial à esquerda var top = 20; // Posição inicial à esquerda //=== Curva e Distância ===// var topInc = 5; // Incrimento da posição superior var leftInc = 5; // Incrimento da posição esquerda /* Faça com que a curva horizontal e a curva vertical sejam iguais para... .. obter uma lacuna crescente sem curva. */ var hor_curve = 20; // Curva horizontal - 0 para nenhuma curva var ver_curve = -20; // Curva vertical - 0 para nenhuma curva //=== Tempo e outros ===// var noTimes = 50; // Número de vezes que a imagem é mostrada var waitTime = 1; // Atraso de tempo var camada = 2; // Nível da camada var picture = '/images/logo.gif'; // Imagem a ser exibida (imagens menores funcionam melhor) var start_retracted= true; // Inicia a imagem retraída (true/false) var retract= true; // Retrair por trás após expandir (true / false) //=== Opções de fade (somente IEusers veem fade) ===// var fade = true; // Fade Gradual (true/false) - Só funciona se retract =true var fd_destop = 0; // Nível de transparência do destino (ou seja, 80, para principalmente sólido) var fd_rate = 10; // Tempo em milissegundos entre alterações de transparência (melhor abaixo de 100) var fd_delta = 5; // Quantidade de alteração a cada vez (ou seja, 5, para alteração de 5% na transparência) var event_init = 'onClick'; // Evento em que o script é iniciado var left_formula = '(left + leftInc) + ((count/100) * hor_curve)'; // Fórmula de posição à esquerda var top_formula = '(top + topInc) + ((count/100) * ver_curve)'; // Fórmula da posição superior //----------------------- Fim das variáveis personalizáveis ----------------- ------// //--------------------- NÃO EDITE ALÉM DESTE PONTO! ----------// var contagem = 0; var contagem2 = 0; var timeOutVal = waitTime * 10; vartxt; imagem var; var nomeimagem; var leigo = nova matriz; função addLayer(){ left = eval(left_formula); topo = avaliação(top_fórmula); txt = "<div id='Camada" + contagem + "' estilo='posição:absoluta; visibilidade:oculto; esquerda:" + esquerda + "; topo:" + topo + "; índice z:" + camada + "'>"; txt += "<a href='#' " + event_init + "='replay()'><img src='" + imagem + "' border=0 style='filter:alpha(opacity=100)' nome = 'Imagem" + contagem + "'></a>"; txt += "</div>"; documento.write(txt); lay[contagem]=new lib_obj("Camada"+contagem); } function logoCurveInit(){ while (count < noTimes) { addLayer(); contar++; } contagem = 0; leigo[0].showIt(); if (!start_retracted) animate(); } function animate(){ if (start_retracted) { if (!retract){ if (count > 0){ setTimeout('animate()',timeOutVal); leigos[contagem].hideIt(); contar--; } } else{ if (contagem >= 0){ setTimeout('animate()',timeOutVal); leigo[contagem].showIt(); if (contagem! = 0) fadeImage(); contar--; } } if (retrair){ if(contar==0) retrairIt(); } } else{ if (count < noTimes){ setTimeout('animate()',timeOutVal); leigo[contagem].showIt(); if (contagem! = noTimes-1 && retração) fadeImage(); contar++; } if (retrair){ if (contagem == noTimes) retractIt(); } } } função replay(){ if ((contagem == noTimes || (contagem == 0 || contagem == -1)) &&(contagem2 == noTimes-1 || contagem2 == 0)){ start_retracted = !start_retracted; // Torna o valor oposto ao que é make_all_visible(); if (start_retracted){ contagem = noTimes-1; } else { contagem = 0; } animar(); } } function retractIt(){ if (start_retracted) { // Se o logotipo não estiver retraído (mostrando todas as camadas) if (count2 > 0){ setTimeout('retractIt()',timeOutVal); leigos[contagem2].hideIt(); contar2--; } } else{ // Se o logotipo estiver retraído (mostrando apenas a primeira camada) if (count2 < noTimes-1){ setTimeout('retractIt()',timeOutVal); leigos[contagem2].hideIt(); contar2++; } } } function fadeImage(){ if (fade){ if (count >= 0 && count <= noTimes){ image = document.images['Image' + count]; nereidFade(imagem,fd_destop,fd_rate,fd_delta); } } } função make_all_visible(){ for (var i = 0; i< noTimes ; i++){ if (document.images['Image' + i].style.MozOpacity){ document.images['Image' + i] .style.MozOpacity=100; } else if (document.images['Image' + i].filters) { document.images['Image' + i].filters.alpha.opacity = 100; } } } ////*************(DHTMLCentral.com)******************//// function check_browser( ){ this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=( this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) > = 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5) retorne isto } bw=nova função check_browser() show_message(txt){alert (TXT); retornar falso} função lib_obj(obj,nest){ if(!bw.bw) return show_message('Navegador antigo') ninho=(!nest) ? "":'documento.'+ninho+'.' isto.evnt=bw.dom? document.getElementById(obj): bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; if(!this.evnt) return show_message('A camada não existe ('+obj+')' +'- Se você estiver usando o Netscape, verifique o aninhamento de suas tags!') this.css=bw.dom||bw .ie4?this.evnt.style:this.evnt; this.ref=bw.dom||bw.ie4?document:this.css.document; this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0; this.y=parseInt(this.css.top)||this.css.pixelTop||this.evnt.offsetTop||0 this.w=this.evnt.offsetWidth||this.css.clip.width|| this.ref.width||this.css.pixelWidth||0; this.h=this.evnt.offsetHeight||this.css.clip.height|| this.ref.height||this.css.pixelHeight||0 this.c=0 if((bw.dom || bw.ie4) && this.css.clip) { this.c=this.css.clip; isto.c=este.c.slice(5,este.c.comprimento-1); isto.c=este.c.split(' '); for(var i=0;i<4;i++){this.c[i]=parseInt(this.c[i])} } this.ct=this.css.clip.top||this.c[0 ]||0; this.cr=this.css.clip.right||this.c[1]||this.w||0 this.cb=this.css.clip.bottom||this.c[2]||this. h||0; this.cl=this.css.clip.left||this.c[3]||0 this.obj = obj + "Objeto"; eval(this.obj + "=this") retorne isto } lib_obj.prototype.showIt = function(){this.css.visibility="visible"} lib_obj.prototype.hideIt = function(){this.css.visibility= "oculto"} lib_obj.prototype.writeIt = function(text,startHTML,endHTML){ if(bw.ns4){ if(!startHTML){startHTML=""; endHTML=""} this.ref.open("texto/html"); this.ref.write(startHTML+texto+endHTML); this.ref.close() }else this.evnt.innerHTML=text } ////***************(DHTMLCentral.com)********* *******//// /* Código retirado de DynamicDrive.com (Iniciar)--> Script de imagem com destaque gradual II- Por J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca) Para obter informações completas fonte do script, visite http://dynamicdrive.com */ nereidFadeObjects = new Object();nereidFadeTimers = new Object(); função nereidFade(objeto, destOp, taxa, delta){ if (!document.all)return if (objeto!= "[objeto]"){ setTimeout("nereidFade("+objeto+","+destOp+","+taxa+ ","+delta+")",0); return;} clearTimeout(nereidFadeTimers[object.sourceIndex]); diff = destinoOp-object.filters.alpha.opacity; direção = 1; if (object.filters.alpha.opacity > destOp){direção = -1;} delta=Math.min(direção*diff,delta); object.filters.alpha.opacity+=direção*delta; if (object.filters.alpha.opacity != destOp){ nereidFadeObjects[object.sourceIndex]=object; nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",taxa); } } // <-- Código retirado de DynamicDrive.com (End) window.onload=new logoCurveInit(); //--> End Hide </SCRIPT><br><br><br><br><br><br><br> 用鼠标单击一下图片你可以看到非常好的效果! </div>
