✍ 📁 🙈 🙉 🙊 : 管理員小程式指數圖

左側指數圖 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

左側指數圖 2

#_1day:hover ,#_3month:hover ,#_6month:hover ,#_1year:hover ,#_5year:hover ,#_10year:hover ,#_20year:hover
{background-color: coral}

.idclass{border: 2px solid #ff9933;}

</style>

if(x =="_3month"){
document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=3month&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; }

if(x =="_6month"){
document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=6month&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; }

if(x =="_1year"){
document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; }

if(x =="_5year"){
document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=5year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; }

if(x =="_10year"){
document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=10year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; }

if(x =="_20year"){
document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('hsi').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('DJIA').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=.DJIA&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&";
document.getElementById('ssec').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=20year&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; }
} 
</script>

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

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單

左側指數圖

左側指數圖 1

左側指數圖

左側指數圖 2

window Resize

html 測試 左入右出

html 測試 上入下出

html 測試 單入單出

html 測試 左單右單

左側指數圖

左側指數圖 1

左側指數圖

左側指數圖 2

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單