✍ 📁 🙈 🙉 🙊 : 左側指數圖

左側指數圖

#_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>

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單