✍ 📁 🙈 🙉 🙊 : 左側指數圖

左側指數圖 1

</style>

<br />
<img class="Stimg" id="ASimg" src="" />
 
 
<script>
//    1day    3month    6month    1year    5year    10year    20year 
var St1name=["0005.HK","2840.HK","0700.HK",".HSI",".SZI",".DJIA" ];
var StL =-1;
var Sttt ="1day";
var St1URL="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=" ;
var St2URL="&realtime=1&symbol=" ;
var St3URL="&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" ;
var clearid;
var Auto = 1;

function DPimg(xx){
clearTimeout ( clearid );

if(xx == 'auto'){Auto=1};
if(Auto == 1){ StL = (StL < Stnm.length-2 && Auto==1 )? StL+1  : 0;}

ASimg.src=St1URL + Sttt + St2URL + Stnm.options[StL].value+ St3URL;

Stnm.options.selectedIndex = StL ;

//DP.innerHTML=Stnm.options[StL].value;
clearid = setTimeout ( DPimg,  2000 );

}
DPimg(".HSI");
</script>

</style>
<! http://www.chartseeker.com/images/au-1hr-lg.png
   http://www.chartseeker.com/images/au-24hr-lg.png
   http://www.chartseeker.com/images/au-3m-lg.png
   http://www.chartseeker.com/images/au-1y-lg.png
   http://www.chartseeker.com/images/au-5y-lg.png 
   http://www.goldseek.com/quotes/charts/-->

<div id='goldsw' >
<select onclick="goldsrc=this.value;goldimg()"  >
    <option value="AU-1HR-LG.png" /> 1HR      
    <option value="AU-24HR-LG.png" /> 24HR     
    <option value="AU-3M-LG.png" /> 3-Months 
    <option value="AU-1Y-LG.png" /> 1-Year   
    <option value="AU-5Y-LG.png" /> 5-Year   
</select>

function goldimg(xx){
clearTimeout ( goldtimeID );

kk = (kk=='A')? 'AU' :(kk=='AU')? 'AUT':(kk=='AUT')? 'AUTO':'A' ;
goldID.src='http://www.chartseeker.com/images/' + goldsrc  ;
goldT.innerHTML = kk  ;

goldtimeID = setTimeout ( goldimg,  2000 );
}
goldimg('AU-1HR-SM.png');
</script></div></!>

Edit

#html #網頁計設計 #網頁資料庫 #script #style #網頁指數圖 #Hang Seng Index Chart

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單