✍ 📁 🙈 🙉 🙊
HTML
window Resize
html 測試 左入右出
html 測試 上入下出
html 測試 單入單出
html 測試 左單右單
左側指數圖
左側指數圖 2
<style> #_1day,#_3month ,#_6month ,#_1year ,#_5year ,#_10year ,#_20year {cursor:pointer;} #_1day:hover ,#_3month:hover ,#_6month:hover ,#_1year:hover ,#_5year:hover ,#_10year:hover ,#_20year:hover {background-color: coral} .idclass{border: 2px solid #ff9933;} </style> <nobr onclick="HSINDOW(this.id)" id="_1day" >1日</nobr> <nobr onclick="HSINDOW(this.id)" id="_3month" >3月</nobr> <nobr onclick="HSINDOW(this.id)" id="_6month" >6月</nobr> <nobr onclick="HSINDOW(this.id)" id="_1year" >1年</nobr> <nobr onclick="HSINDOW(this.id)" id="_5year" >5年</nobr> <nobr onclick="HSINDOW(this.id)" id="_10year" >10年</nobr> <nobr onclick="HSINDOW(this.id)" id="_20year" >20年</nobr> <br> <img class="idclass" id="0700" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=0700.HK&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <img class="idclass" id="hsi" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.hsi&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <img class="idclass" id="DJIA" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.DJI&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <img class="idclass" id="ssec" border="0" width="300px" src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&" /> <script> function HSINDOW(x){ if(x =="_1day"){ document.getElementById('0700').src="http://api.cnbc.com/api/chart/chart.asp?charttype=price&timeframe=1day&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=1day&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=1day&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=1day&realtime=1&symbol=.ssec&showHeader=3&showSidebar=3&showExtendedHours=0&changeOverTime=0&"; } 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
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言