左側指數圖

左側指數圖

<style>.StF {height: 15px;width:15px;cursor:pointer;float:left;margin-right:10px} .Stday {cursor:pointer;float:left;margin-right:10px} .Stimg {cursor:pointer;border: 2px solid #ff9933;width:500px;} </style> <div class="StF" ><svg viewbox="0 0 512 512"><path d="m256 0c-140.609375 0-256 115.390625-256 256s115.390625 256 256 256 256-115.390625 256-256-115.390625-256-256-256zm-45 391h-90v-90h30v60h60zm0-240h-60v60h-30v-90h90zm180 240h-90v-30h60v-60h30zm0-180h-30v-60h-60v-30h90zm0 0"></path></svg></div> <select class="Stday" onclick="Sttt=this.value;DPimg()" > <option value="1day" /> 1日 <option value="3month" /> 3月 <option value="6month" /> 6月 <option value="1year" /> 1年 <option value="5year" /> 5年 <option value="10year" /> 10年 <option value="20year" /> 20年 </select> <select id="Stnm" class="Stday" onclick="Auto=0 ;StL=this.selectedIndex; DPimg(this.value)" > <option value="0005.HK" /> 0005 <option value="2840.HK" /> 2840 <option value="2628.HK" /> 2628 <option value="0700.HK" /> 0700 <option value=".HSI" /> 恒生指數 <option value=".SZI" /> 深證指數 <option value=".DJI" /> 道瓊斯 <option value="auto" /> auto </select> <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>

00

<style>.goldimg{width:600px;height: 350px} #goldsw {margin-top:-350px} </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/--> <img id="goldID" class="goldimg" /> <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> <div id="goldT"></div> <script>var goldtimeID ; var kk = "A"; var goldsrc = "AU-1HR-LG.png" 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></!>

00