zoukankan      html  css  js  c++  java

  • 可以循环显示图片的脚本

    <script language="javaScript">
    <!--//
    var i_strngth=1;
    var i_image=0;
    var timer;
    var max = 0;
    function showimage()
    {  
     if (i_strngth <=110)
     {  
      disableAll(i_image); 
      document.getElementById("Ctrl_Power_Pic1__ctl"+i_image).style.display="";
      document.getElementById("Ctrl_Power_Pic1__ctl"+i_image).filters.alpha.opacity=i_strngth;
      i_strngth=i_strngth+10;
      timer=setTimeout("showimage()",50);
     }
     else
     {
      clearTimeout(timer)
      if(document.getElementById("Ctrl_Power_Pic1__ctl1")!=null)
      timer=setTimeout("hideimage()",2000)
     }
    }

    function disableAll(id)
    {
     pre=-1;
     if(id==0)
     {
      if(max>0)
       pre = max-1;
     }
     else
      pre = id-1;
     if (document.getElementById("Ctrl_Power_Pic1__ctl"+pre)==null)
      return;
     document.getElementById("Ctrl_Power_Pic1__ctl"+pre).style.display="none";
    }

    function hideimage()
    {
     if (i_strngth >=-10)
     {
      disableAll(i_image);  
      document.getElementById("Ctrl_Power_Pic1__ctl"+i_image).style.display="";
      document.getElementById("Ctrl_Power_Pic1__ctl"+i_image).filters.alpha.opacity=i_strngth;
      
      i_strngth=i_strngth-10;
      timer=setTimeout("hideimage()",100);
     }
     else
     {
      clearTimeout(timer);
      i_image++;
      if (document.getElementById("Ctrl_Power_Pic1__ctl"+i_image)==null)
      {
       max=i_image;
       i_image=0;
      }
      
      i_strngth=1;
      timer=setTimeout("showimage()",100) ;
     }
    }

    function Start()
    {
     showimage();
    }

    function Stop()
    {
     window.clearTimeout(timer);
    }
    //-->
    </script>
    在Html中这样使用该脚本：
    <div id="Ctrl_Power_Pic1_plall" onmouseover="Stop();" onmouseout="Start();" style="height:300px;581px;cursor:hand;">
     <img id="Ctrl_Power_Pic1__ctl0" USEMAP="#MapArea_c5b77f0d-4aa3-402f-95c2-13a709b4bff9" src="/pbs/ChartImages/348dd419-260e-4088-a040-63c9e285d91f.png" alt="" border="0" style="display:none;filter:alpha(opacity=0);" />
     <MAP NAME="MapArea_c5b77f0d-4aa3-402f-95c2-13a709b4bff9">
     <AREA SHAPE="rect" COORDS="126,260,144,261" ALT="2005年11月1日 8,778,156,000" >
     <AREA SHAPE="rect" COORDS="151,259,169,260" ALT="2005年11月2日 11,412,972,000" >
     <AREA SHAPE="rect" COORDS="176,260,194,261" ALT="2005年11月3日 10,617,552,000" >
     <AREA SHAPE="rect" COORDS="201,260,219,261" ALT="2005年11月4日 9,881,708,000" >
     <AREA SHAPE="rect" COORDS="226,260,244,261" ALT="2005年11月5日 8,863,776,000" >
     <AREA SHAPE="rect" COORDS="251,259,269,260" ALT="2005年11月6日 17,140,493,526" >
     <AREA SHAPE="rect" COORDS="276,57,294,260" ALT="2005年11月7日 13,634,728,549,479" >
     <AREA SHAPE="rect" COORDS="301,258,319,261" ALT="2005年11月8日 141,698,016,330" >
     <AREA SHAPE="rect" COORDS="326,256,344,261" ALT="2005年11月9日 269,295,390,181" >
     <AREA SHAPE="rect" COORDS="351,235,369,261" ALT="2005年11月10日 1,685,096,733,013" >
     <AREA SHAPE="rect" COORDS="376,254,394,260" ALT="2005年11月11日 392,640,844,535" >
     <AREA SHAPE="rect" COORDS="401,256,419,260" ALT="2005年11月12日 238,645,787,906" >
     <AREA SHAPE="rect" COORDS="426,254,444,260" ALT="2005年11月13日 348,001,183,145" >
     <AREA SHAPE="rect" COORDS="451,260,469,261" ALT="2005年11月14日 5,180,511,142" >
     <AREA SHAPE="rect" COORDS="476,260,494,261" ALT="2005年11月15日 1,203,078,858" >
     <AREA SHAPE="rect" COORDS="501,260,519,261" ALT="2005年11月16日 832,210" >
     </Map>
     <img id="Ctrl_Power_Pic1__ctl1" USEMAP="#MapArea_1f566e28-eaaf-457c-9d36-1620a6d090fb" src="/pbs/ChartImages/75ca36a2-7fda-4828-8fab-f3478a6e575c.png" alt="" border="0" style="display:none;filter:alpha(opacity=0);" />
     <MAP NAME="MapArea_1f566e28-eaaf-457c-9d36-1620a6d090fb">
     <AREA SHAPE="circle" COORDS="91,228,4" ALT="2005年11月1日 325,816" >
     <AREA SHAPE="circle" COORDS="119,228,4" ALT="2005年11月2日 427,297" >
     <AREA SHAPE="circle" COORDS="147,228,4" ALT="2005年11月3日 385,255" >
     <AREA SHAPE="circle" COORDS="175,228,4" ALT="2005年11月4日 365,671" >
     <AREA SHAPE="circle" COORDS="203,228,4" ALT="2005年11月5日 497,878" >
     <AREA SHAPE="circle" COORDS="231,228,4" ALT="2005年11月6日 1,257,065" >
     <AREA SHAPE="circle" COORDS="258,70,4" ALT="2005年11月7日 1,363,626,418" >
     <AREA SHAPE="circle" COORDS="286,227,4" ALT="2005年11月8日 10,234,592" >
     <AREA SHAPE="circle" COORDS="314,225,4" ALT="2005年11月9日 22,956,587" >
     <AREA SHAPE="circle" COORDS="342,209,4" ALT="2005年11月10日 162,103,594" >
     <AREA SHAPE="circle" COORDS="370,224,4" ALT="2005年11月11日 30,578,356" >
     <AREA SHAPE="circle" COORDS="398,226,4" ALT="2005年11月12日 19,042,035" >
     <AREA SHAPE="circle" COORDS="426,225,4" ALT="2005年11月13日 29,351,609" >
     <AREA SHAPE="circle" COORDS="454,228,4" ALT="2005年11月14日 506,020" >
     <AREA SHAPE="circle" COORDS="482,228,4" ALT="2005年11月15日 108,268" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 25" >
     <AREA SHAPE="circle" COORDS="91,228,4" ALT="2005年11月1日 137,148" >
     <AREA SHAPE="circle" COORDS="119,228,4" ALT="2005年11月2日 155,338" >
     <AREA SHAPE="circle" COORDS="147,228,4" ALT="2005年11月3日 133,175" >
     <AREA SHAPE="circle" COORDS="175,228,4" ALT="2005年11月4日 119,029" >
     <AREA SHAPE="circle" COORDS="203,228,4" ALT="2005年11月5日 155,382" >
     <AREA SHAPE="circle" COORDS="231,228,4" ALT="2005年11月6日 480,287" >
     <AREA SHAPE="circle" COORDS="258,192,4" ALT="2005年11月7日 313,576,959" >
     <AREA SHAPE="circle" COORDS="286,228,4" ALT="2005年11月8日 3,624,046" >
     <AREA SHAPE="circle" COORDS="314,227,4" ALT="2005年11月9日 8,257,589" >
     <AREA SHAPE="circle" COORDS="342,227,4" ALT="2005年11月10日 10,525,410" >
     <AREA SHAPE="circle" COORDS="370,227,4" ALT="2005年11月11日 10,247,770" >
     <AREA SHAPE="circle" COORDS="398,227,4" ALT="2005年11月12日 5,550,432" >
     <AREA SHAPE="circle" COORDS="426,228,4" ALT="2005年11月13日 717,882" >
     <AREA SHAPE="circle" COORDS="454,228,4" ALT="2005年11月14日 234,708" >
     <AREA SHAPE="circle" COORDS="482,228,4" ALT="2005年11月15日 15,420" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 0" >
     <AREA SHAPE="circle" COORDS="91,228,4" ALT="2005年11月1日 37,792" >
     <AREA SHAPE="circle" COORDS="119,228,4" ALT="2005年11月2日 140,897" >
     <AREA SHAPE="circle" COORDS="147,228,4" ALT="2005年11月3日 118,021" >
     <AREA SHAPE="circle" COORDS="175,228,4" ALT="2005年11月4日 128,119" >
     <AREA SHAPE="circle" COORDS="203,228,4" ALT="2005年11月5日 109,639" >
     <AREA SHAPE="circle" COORDS="231,228,4" ALT="2005年11月6日 350,623" >
     <AREA SHAPE="circle" COORDS="258,228,4" ALT="2005年11月7日 670,096" >
     <AREA SHAPE="circle" COORDS="286,228,4" ALT="2005年11月8日 3,181,047" >
     <AREA SHAPE="circle" COORDS="314,227,4" ALT="2005年11月9日 6,828,920" >
     <AREA SHAPE="circle" COORDS="342,212,4" ALT="2005年11月10日 141,669,635" >
     <AREA SHAPE="circle" COORDS="370,227,4" ALT="2005年11月11日 9,938,287" >
     <AREA SHAPE="circle" COORDS="398,227,4" ALT="2005年11月12日 10,100,415" >
     <AREA SHAPE="circle" COORDS="426,228,4" ALT="2005年11月13日 699,840" >
     <AREA SHAPE="circle" COORDS="454,228,4" ALT="2005年11月14日 238,837" >
     <AREA SHAPE="circle" COORDS="482,228,4" ALT="2005年11月15日 14,151" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 25" >
     <AREA SHAPE="circle" COORDS="91,228,4" ALT="2005年11月1日 150,876" >
     <AREA SHAPE="circle" COORDS="119,228,4" ALT="2005年11月2日 131,063" >
     <AREA SHAPE="circle" COORDS="147,228,4" ALT="2005年11月3日 134,059" >
     <AREA SHAPE="circle" COORDS="175,228,4" ALT="2005年11月4日 118,523" >
     <AREA SHAPE="circle" COORDS="203,228,4" ALT="2005年11月5日 232,857" >
     <AREA SHAPE="circle" COORDS="231,228,4" ALT="2005年11月6日 426,156" >
     <AREA SHAPE="circle" COORDS="258,106,4" ALT="2005年11月7日 1,049,379,363" >
     <AREA SHAPE="circle" COORDS="286,228,4" ALT="2005年11月8日 3,429,498" >
     <AREA SHAPE="circle" COORDS="314,227,4" ALT="2005年11月9日 7,870,077" >
     <AREA SHAPE="circle" COORDS="342,227,4" ALT="2005年11月10日 9,908,549" >
     <AREA SHAPE="circle" COORDS="370,227,4" ALT="2005年11月11日 10,392,298" >
     <AREA SHAPE="circle" COORDS="398,228,4" ALT="2005年11月12日 3,391,187" >
     <AREA SHAPE="circle" COORDS="426,225,4" ALT="2005年11月13日 27,933,888" >
     <AREA SHAPE="circle" COORDS="454,228,4" ALT="2005年11月14日 32,475" >
     <AREA SHAPE="circle" COORDS="482,228,4" ALT="2005年11月15日 78,697" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 0" >
     </Map>
     <img id="Ctrl_Power_Pic1__ctl2" USEMAP="#MapArea_47793b37-2c34-4c6b-b3e1-87b2dbe33f52" src="/pbs/ChartImages/2e0cd52b-8c87-48a7-b5b8-65fcfdfd2dcd.png" alt="" border="0" style="display:none;filter:alpha(opacity=0);" />
     <MAP NAME="MapArea_47793b37-2c34-4c6b-b3e1-87b2dbe33f52">
     <AREA SHAPE="circle" COORDS="79,228,4" ALT="2005年11月1日 0" >
     <AREA SHAPE="circle" COORDS="107,228,4" ALT="2005年11月2日 0" >
     <AREA SHAPE="circle" COORDS="136,228,4" ALT="2005年11月3日 1,315" >
     <AREA SHAPE="circle" COORDS="165,228,4" ALT="2005年11月4日 2,823" >
     <AREA SHAPE="circle" COORDS="194,68,4" ALT="2005年11月5日 435,615,187" >
     <AREA SHAPE="circle" COORDS="222,228,4" ALT="2005年11月6日 286,151" >
     <AREA SHAPE="circle" COORDS="251,228,4" ALT="2005年11月7日 340,670" >
     <AREA SHAPE="circle" COORDS="280,228,4" ALT="2005年11月8日 585,685" >
     <AREA SHAPE="circle" COORDS="308,228,4" ALT="2005年11月9日 607,475" >
     <AREA SHAPE="circle" COORDS="337,179,4" ALT="2005年11月10日 132,781,135" >
     <AREA SHAPE="circle" COORDS="366,227,4" ALT="2005年11月11日 1,002,833" >
     <AREA SHAPE="circle" COORDS="395,228,4" ALT="2005年11月12日 385,592" >
     <AREA SHAPE="circle" COORDS="423,227,4" ALT="2005年11月13日 1,059,139" >
     <AREA SHAPE="circle" COORDS="452,228,4" ALT="2005年11月14日 73,311" >
     <AREA SHAPE="circle" COORDS="481,228,4" ALT="2005年11月15日 71,635" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 30" >
     <AREA SHAPE="circle" COORDS="79,228,4" ALT="2005年11月1日 0" >
     <AREA SHAPE="circle" COORDS="107,228,4" ALT="2005年11月2日 0" >
     <AREA SHAPE="circle" COORDS="136,228,4" ALT="2005年11月3日 517" >
     <AREA SHAPE="circle" COORDS="165,228,4" ALT="2005年11月4日 1,267" >
     <AREA SHAPE="circle" COORDS="194,228,4" ALT="2005年11月5日 1,023" >
     <AREA SHAPE="circle" COORDS="222,228,4" ALT="2005年11月6日 111,274" >
     <AREA SHAPE="circle" COORDS="251,228,4" ALT="2005年11月7日 115,956" >
     <AREA SHAPE="circle" COORDS="280,228,4" ALT="2005年11月8日 205,956" >
     <AREA SHAPE="circle" COORDS="308,228,4" ALT="2005年11月9日 215,146" >
     <AREA SHAPE="circle" COORDS="337,228,4" ALT="2005年11月10日 235,835" >
     <AREA SHAPE="circle" COORDS="366,228,4" ALT="2005年11月11日 362,440" >
     <AREA SHAPE="circle" COORDS="395,228,4" ALT="2005年11月12日 107,740" >
     <AREA SHAPE="circle" COORDS="423,228,4" ALT="2005年11月13日 24,086" >
     <AREA SHAPE="circle" COORDS="452,228,4" ALT="2005年11月14日 33,961" >
     <AREA SHAPE="circle" COORDS="481,228,4" ALT="2005年11月15日 1,447" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 0" >
     <AREA SHAPE="circle" COORDS="79,228,4" ALT="2005年11月1日 0" >
     <AREA SHAPE="circle" COORDS="107,228,4" ALT="2005年11月2日 0" >
     <AREA SHAPE="circle" COORDS="136,228,4" ALT="2005年11月3日 0" >
     <AREA SHAPE="circle" COORDS="165,228,4" ALT="2005年11月4日 665" >
     <AREA SHAPE="circle" COORDS="194,68,4" ALT="2005年11月5日 435,600,638" >
     <AREA SHAPE="circle" COORDS="222,228,4" ALT="2005年11月6日 119,338" >
     <AREA SHAPE="circle" COORDS="251,228,4" ALT="2005年11月7日 126,595" >
     <AREA SHAPE="circle" COORDS="280,228,4" ALT="2005年11月8日 185,299" >
     <AREA SHAPE="circle" COORDS="308,228,4" ALT="2005年11月9日 179,588" >
     <AREA SHAPE="circle" COORDS="337,179,4" ALT="2005年11月10日 132,307,902" >
     <AREA SHAPE="circle" COORDS="366,228,4" ALT="2005年11月11日 297,018" >
     <AREA SHAPE="circle" COORDS="395,228,4" ALT="2005年11月12日 180,517" >
     <AREA SHAPE="circle" COORDS="423,228,4" ALT="2005年11月13日 19,719" >
     <AREA SHAPE="circle" COORDS="452,228,4" ALT="2005年11月14日 36,170" >
     <AREA SHAPE="circle" COORDS="481,228,4" ALT="2005年11月15日 1,222" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 30" >
     <AREA SHAPE="circle" COORDS="79,228,4" ALT="2005年11月1日 0" >
     <AREA SHAPE="circle" COORDS="107,228,4" ALT="2005年11月2日 0" >
     <AREA SHAPE="circle" COORDS="136,228,4" ALT="2005年11月3日 798" >
     <AREA SHAPE="circle" COORDS="165,228,4" ALT="2005年11月4日 891" >
     <AREA SHAPE="circle" COORDS="194,228,4" ALT="2005年11月5日 13,526" >
     <AREA SHAPE="circle" COORDS="222,228,4" ALT="2005年11月6日 55,539" >
     <AREA SHAPE="circle" COORDS="251,228,4" ALT="2005年11月7日 98,119" >
     <AREA SHAPE="circle" COORDS="280,228,4" ALT="2005年11月8日 194,430" >
     <AREA SHAPE="circle" COORDS="308,228,4" ALT="2005年11月9日 212,740" >
     <AREA SHAPE="circle" COORDS="337,228,4" ALT="2005年11月10日 237,398" >
     <AREA SHAPE="circle" COORDS="366,228,4" ALT="2005年11月11日 343,375" >
     <AREA SHAPE="circle" COORDS="395,228,4" ALT="2005年11月12日 97,335" >
     <AREA SHAPE="circle" COORDS="423,227,4" ALT="2005年11月13日 1,015,334" >
     <AREA SHAPE="circle" COORDS="452,228,4" ALT="2005年11月14日 3,180" >
     <AREA SHAPE="circle" COORDS="481,228,4" ALT="2005年11月15日 68,966" >
     <AREA SHAPE="circle" COORDS="510,228,4" ALT="2005年11月16日 0" >
     </Map>
     <img id="Ctrl_Power_Pic1__ctl3" USEMAP="#MapArea_63ff6a40-38f8-4a89-add0-699a3b2789e3" src="/pbs/ChartImages/f6a09af7-7c5a-4997-8130-7a115824d78d.png" alt="" border="0" style="display:none;filter:alpha(opacity=0);" />
     <MAP NAME="MapArea_63ff6a40-38f8-4a89-add0-699a3b2789e3">
     <AREA SHAPE="rect" COORDS="70,225,90,260" ALT="2005年11月1日 521,347" >
     <AREA SHAPE="rect" COORDS="70,192,90,226" ALT="2005年11月1日 504,504" >
     <AREA SHAPE="rect" COORDS="70,158,90,193" ALT="2005年11月1日 523,406" >
     <AREA SHAPE="rect" COORDS="99,224,119,260" ALT="2005年11月2日 537,874" >
     <AREA SHAPE="rect" COORDS="99,196,119,225" ALT="2005年11月2日 432,854" >
     <AREA SHAPE="rect" COORDS="99,161,119,196" ALT="2005年11月2日 530,165" >
     <AREA SHAPE="rect" COORDS="127,225,147,260" ALT="2005年11月3日 526,416" >
     <AREA SHAPE="rect" COORDS="127,195,147,225" ALT="2005年11月3日 454,661" >
     <AREA SHAPE="rect" COORDS="127,161,147,196" ALT="2005年11月3日 518,760" >
     <AREA SHAPE="rect" COORDS="156,228,176,261" ALT="2005年11月4日 486,816" >
     <AREA SHAPE="rect" COORDS="156,205,176,228" ALT="2005年11月4日 349,378" >
     <AREA SHAPE="rect" COORDS="156,172,176,205" ALT="2005年11月4日 494,102" >
     <AREA SHAPE="rect" COORDS="184,223,204,260" ALT="2005年11月5日 555,298" >
     <AREA SHAPE="rect" COORDS="184,194,204,223" ALT="2005年11月5日 436,128" >
     <AREA SHAPE="rect" COORDS="184,160,204,195" ALT="2005年11月5日 516,754" >
     <AREA SHAPE="rect" COORDS="213,226,233,260" ALT="2005年11月6日 508,675" >
     <AREA SHAPE="rect" COORDS="213,200,233,227" ALT="2005年11月6日 399,854" >
     <AREA SHAPE="rect" COORDS="213,166,233,200" ALT="2005年11月6日 515,803" >
     <AREA SHAPE="rect" COORDS="241,223,261,260" ALT="2005年11月7日 560,789" >
     <AREA SHAPE="rect" COORDS="241,192,261,223" ALT="2005年11月7日 466,171" >
     <AREA SHAPE="rect" COORDS="241,154,261,193" ALT="2005年11月7日 584,126" >
     <AREA SHAPE="rect" COORDS="270,219,290,260" ALT="2005年11月8日 621,667" >
     <AREA SHAPE="rect" COORDS="270,186,290,219" ALT="2005年11月8日 500,280" >
     <AREA SHAPE="rect" COORDS="270,142,290,187" ALT="2005年11月8日 673,042" >
     <AREA SHAPE="rect" COORDS="298,218,318,260" ALT="2005年11月9日 628,426" >
     <AREA SHAPE="rect" COORDS="298,185,318,219" ALT="2005年11月9日 508,517" >
     <AREA SHAPE="rect" COORDS="298,142,318,185" ALT="2005年11月9日 651,077" >
     <AREA SHAPE="rect" COORDS="327,217,347,260" ALT="2005年11月10日 646,694" >
     <AREA SHAPE="rect" COORDS="327,181,347,218" ALT="2005年11月10日 551,971" >
     <AREA SHAPE="rect" COORDS="327,136,347,181" ALT="2005年11月10日 673,675" >
     <AREA SHAPE="rect" COORDS="355,219,375,260" ALT="2005年11月11日 612,480" >
     <AREA SHAPE="rect" COORDS="355,180,375,220" ALT="2005年11月11日 602,078" >
     <AREA SHAPE="rect" COORDS="355,138,375,180" ALT="2005年11月11日 633,336" >
     <AREA SHAPE="rect" COORDS="384,242,404,261" ALT="2005年11月12日 273,768" >
     <AREA SHAPE="rect" COORDS="384,206,404,242" ALT="2005年11月12日 545,635" >
     <AREA SHAPE="rect" COORDS="384,203,404,207" ALT="2005年11月12日 48,788" >
     <AREA SHAPE="rect" COORDS="412,260,432,261" ALT="2005年11月13日 291" >
     <AREA SHAPE="rect" COORDS="412,260,432,261" ALT="2005年11月13日 1" >
     <AREA SHAPE="rect" COORDS="412,57,432,260" ALT="2005年11月13日 3,083,041" >
     <AREA SHAPE="rect" COORDS="441,260,461,261" ALT="2005年11月14日 718" >
     <AREA SHAPE="rect" COORDS="441,260,461,261" ALT="2005年11月14日 505" >
     <AREA SHAPE="rect" COORDS="441,260,461,261" ALT="2005年11月14日 738" >
     <AREA SHAPE="rect" COORDS="469,260,489,261" ALT="2005年11月15日 374" >
     <AREA SHAPE="rect" COORDS="469,260,489,261" ALT="2005年11月15日 657" >
     <AREA SHAPE="rect" COORDS="469,260,489,261" ALT="2005年11月15日 347" >
     </Map>

    </div>
  • 相关阅读:
    WCF使用net.tcp寄宿到IIS中
    （转）Dubbo 简单Dome搭建
    Linux压缩解压
    Linux关闭开启防火墙命令
    简单登录（jsp+servlet）
    UVa 10285 Longest Run on a Snowboard [DP]
    UVa 1218 Perfect Service [DFS+DP]
    第三届ACM山东省赛 Pick apples [贪心+动规]
    ZOJ 3326
    HDU 1029
  • 原文地址：https://www.cnblogs.com/yuyu/p/277531.html
Copyright © 2011-2022 走看看