求JS代码：类似新浪搜狐等网站的广告，慢慢弹出一张非常大的图片，再自己缩小，直到不见了

大致是下面的这个思路，img1是图片的idvar increaseFlag;  //标志是增大还是减小图片
var IntervalID;   //页面全局变量
var interval=50;   //变化频率，50毫秒改变一次大小
var divWidth=15;        //每一次增加或减小的宽度
var divHeight=10;     //每一次增加或减小的高度
var maxWidth=800,maxHeight=600,minWidth=200,minHeight=150;
在需要加载这个功能的处理函数中使用
increaseFlag=true;
InterValID=setInterval("changeImageSize()",interval);function changeImageSize(){
     if(increaseFlag){
          t=img1.style.pixelWidth+divWidth;
          if(t>=maxWidth){
               img1.style.width=maxWidth;
               img1.style.height=maxHeight;
               increaseFlag=false;
          }
          else{
               img1.style.width=t;
               img1.style.height+=divHeight;
          }
     }
     else{
         t=img1.style.pixelWidth-divWidth;
          if(t<=minWidth){
               img1.style.width=minWidth;
               img1.style.height=minHeight;
               clearInterval(InterValID);
          }
          else{
               img1.style.width=t;
               img1.style.height-=divHeight;
          }
     }
}

解决方案 »

  1.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head><body onload="init();">
    <img id=img1 style="width:200;height:150" src="">
    <script language="javascript">
    <!--
    var increaseFlag;  //标志是增大还是减小图片
    var IntervalID;   //页面全局变量
    var interval=50;   //变化频率，50毫秒改变一次大小
    var divWidth=15;        //每一次增加或减小的宽度
    var divHeight=10;     //每一次增加或减小的高度
    var maxWidth=800,maxHeight=600,minWidth=200,minHeight=150;//在需要加载这个功能的处理函数中使用function init(){
    increaseFlag=true;
    InterValID=setInterval("changeImageSize()",interval);
    }function changeImageSize(){
         if(increaseFlag){
              t=img1.style.pixelWidth+divWidth;
              if(t>=maxWidth){
                   img1.style.width=maxWidth;
                   img1.style.height=maxHeight;
                   increaseFlag=false;
              }
              else{
                   img1.style.width=t;
                   img1.style.height=img1.style.pixelHeight+divHeight;
              }
         }
         else{
             t=img1.style.pixelWidth-divWidth;
              if(t<=minWidth){
                   img1.style.width=minWidth;
                   img1.style.height=minHeight;
                   clearInterval(InterValID);
              }
              else{
                   img1.style.width=t;
                   img1.style.height=img1.style.pixelHeight-divHeight;
              }
         }
    }//-->
    </script>
    </body></html>
      

  2.   

    粉不错啊，，，谢谢fastson不过这个好像跟那些有点差别，，这个是图片放大缩小，偶的意思是类似很大一张图片慢慢显示出来（类似逐行显示的意思），，然后再慢慢逐行缩小，直到完全消失
      

  3.   

    是不是从天上往下掉，那个用的是style.pixelTop属性,一开始把top设成负值，然后慢慢增大，再慢慢减小
      

  4.   

    是啊是啊，，fastson兄，，麻烦指点一下啊
      

  5.   

    给你一个我们公司用的，比较长，对JS我也不懂 所以不能帮你精简一下 你自已研究吧～～
    document.write("<div id=\"FlashDemo\"  style=\"position:absolute; top:0; left:0; z-index:10; width:100%; overflow: hidden;height:100%;background:red\" align=center>");
    document.write("<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\" width=\"700\" height=\"450\">");
    document.write("<param name=\"movie\" value=\"http://www.8211.com/images/float.swf\">");
    document.write("<param name=\"quality\" value=\"high\">");
    document.write("<embed src=\"http://www.8211.com/images/float.swf\" quality=\"high\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\"700\" height=\"450\"></embed>");
    document.write("</object>");
    document.write("</div>");
    document.write("<div  id=\"LoginDiv\"  style=\"position:absolute; top:90; left:0; z-index:0; width:50%; height:50% overflow: hidden;height: 60%;display:\'none\';\">");
    document.write("<form name=\"specialLoginForm\" method=\"post\" action=\"\" target=_blank onsubmit=\"(specialLoginForm.action=specialLoginForm.specialLoginSelect.value)\">");
    document.write("<table width=\"179\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">");
    document.write("<tr>");
    document.write("<td height=\"190\" ><table width=\"179\"  height=\"100%\"  border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
    document.write("<tr>");
    document.write("<td width=\"179\" align=\"center\"><table width=\"164\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
    document.write("<tr>");
    document.write("<td width=\"164\" height=\"178\" align=\"center\" background=\"http://www.8211.com/images/submit.gif\"><table  width=144 border=0>");
    document.write("<tr>");
    document.write("<td height=\"30\" colspan=\"2\">&nbsp; </td>");
    document.write("</tr>");
    document.write("<tr>"); 
    document.write("<td colspan=\"2\">平　台：");  
    document.write("<select name=\"specialLoginSelect\"  class=\"classinp\">");
    document.write("<option selected  value=\"\\8211serviceschool\\ResourceStoreroom\\check.asp\">资源平台</option>");
    document.write("<option  value=\"\\8211serviceschool\\LongDistanceTeach\\check_user.asp\">教学平台</option>");
    document.write("<option  value=\"\\8211serviceschool\\FamilyAndSchool\\Check_User.asp\">家校平台</option>");
    document.write("</select></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td width=\"57\">用户名：</td>");
    document.write("<td width=\"77\"> <input name=\"loginName\" type=\"text\" size=\"10\" class=\"classinp\"></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td>密　码：</td>");
    document.write("<td><input name=\"loginPWS\" type=\"password\" size=\"10\" class=\"classinp\"></td>");
    document.write("</tr>");
    document.write("<tr>");
    document.write("<td colspan=\"2\" align=\"center\"><input type=\"submit\" name=\"Submit\" value=\"登录\" class=\"classbtn\">");
    document.write("　");
    document.write("<input type=\"reset\" name=\"Submit2\" value=\"取消\" class=\"classbtn\"></td>");
    document.write("</tr>");
    document.write("</table></td>");
    document.write("</tr>");
    document.write("</table></td>");
    document.write("</tr>");
    document.write("</table></td>");
    document.write("</tr>");
    document.write("</table>");
    document.write("</form>");
    document.write("</div>");
      var b=1;
        var c=false;
        var d;
    browser=(((navigator.appName=="Netscape") && (parseInt(navigator.appVersion)>=3 ))  ||  ((navigator.appName=="Microsoft  Internet Explorer") &&(parseInt(navigator.appVersion)>=4 )));
    ie4=((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4 ));  
    ns4=((navigator.appName=="Netscape") && (parseInt(navigator.appVersion)>=4 ));
    if(ns4){
     layerRef="document.layers";
     styleref=""; }
    else{
    layerRef="document.all";
    styleRef=".style";
    }  
    function moveText(start ,step,speed){
       var finish=document.body.clientHeight+document.body.scrollTop-360;
       if(ie4 || ns4){
     if(start<finish){
    eval(layerRef+'.LoginDiv'+styleRef+'.top='+start);
    start=parseFloat(start,10)+parseFloat(step,10);
      } 
      if(start>finish){
    eval(layerRef+'.LoginDiv'+styleRef+'.top='+start);
    start=parseFloat(start,10)-parseFloat(step,10); 
      }
      setTimeout("moveText("+start+","+step+","+speed+")",speed);     
    }  
    } 
    function Myfade(){
       if (document.all);
       if(b+6>=100){
      c=true;
       }
       if (c==false){
      b=b+8;
      d=100-b;  
      FlashDemo.style.height=d+"%";
      setTimeout("Myfade()",1);    
       }
       else
       {
      FlashDemo.style.display="none"; 
      LoginDiv.style.display=""
       }
    }  setTimeout('Myfade()',11000);
    moveText(40,50,10);
      

  6.   

    fastson兄，烦请再指点一下如何？
      

  7.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>&ETH;&Acirc;&frac12;¨&Iacute;&oslash;&Ograve;&sup3; 1</title>
    </head><body onload="init();">
    <img id=img1 style="width:0;height:0" src="/ss.gif">
    <script language="javascript">
    <!--
    var increaseFlag;  
    var IntervalID;   
    var interval=50;  
    var divWidth=15;  
    var divHeight=10;   
    var maxWidth=800,maxHeight=600,minWidth=0,minHeight=0;
    function init(){
    increaseFlag=true;
    InterValID=setInterval("changeImageSize()",interval);
    }function changeImageSize(){
         if(increaseFlag){
              t=img1.style.pixelWidth+divWidth;
              if(t>=maxWidth){
                   img1.style.width=maxWidth;
                   img1.style.height=maxHeight;
                   increaseFlag=false;
              }
              else{
                   img1.style.width=t;
                   img1.style.height=img1.style.pixelHeight+divHeight;
              }
         }
         else{
             t=img1.style.pixelWidth-divWidth;
              if(t<=minWidth){
                   img1.style.width=minWidth;
                   img1.style.height=minHeight;
                   clearInterval(InterValID);
              }
              else{
                   img1.style.width=t;
                   img1.style.height=img1.style.pixelHeight-divHeight;
              }
         }
    }//-->
    </script>
    </body></html>
      

  8.   

    fangpeng兄，，你这个跟fastson兄之前给的是一样的啊