Photo editing

Frank 自製的氣象衛星雲圖系列

在本誌裡算是不少了!!

請見:

衛星雲圖 氣象 - 搜尋

此次為了要有更精簡

進而有更豐富的氣象資訊

故重新特製此工具!!

讓她更輕量化更好用!!

再減少網頁顯示的負擔!!

讓使用者有更多的選擇喔!!

操作使用很簡單!!

看圖說故事囉!

中央氣象局PDA網頁

[部落格][欄位]動態衛星雲圖(即速加強版) @ Frank的雜記

工具安裝預覽:

即時衛星雲圖(輕量版)

+加強版 @Frank的雜記

因本誌文章編輯器會過濾瀏覽器相容性代碼!!

故上方雲圖並未完全呈現效果!!

實際效果見擷圖或下方測試代碼!!

另外!

若瀏覽器支援 CSS3 可完全呈現 50% 半透明背景

防止黑底黑字並自動符合版面色調!!

與圓角效果!!

若瀏覽器未支援!

亦會顯示不透明淺藍背景

並無影響操作可正常使用!!

取得工具代碼:
<center><div style="font-size: 13px;height:189px; #height: 196px;width: 160px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border:rgb(230, 238, 233) 3px solid;padding:2px;background:rgba(229, 236, 249,0.5);#background:rgb(242, 245, 252);"> <b>即時衛星雲圖(輕量版)</b><br/><a onclick="window.open('http://www.cwb.gov.tw/pda/index.html','',',top=88,left=88,width=260,height=368,resizable=yes,scrollbars=yes')" href="javascript://"><img src="http://www.cwb.gov.tw/V6/observe/satellite/Data/s1p/s1p150.jpg"border="0"title="點圖開啟中央氣象局PDA網頁" alt="點圖開啟中央氣象局PDA網頁" width="139" height="149" onmouseover="this.src='http://www.cwb.gov.tw/V6/observe/satellite/Data/s3p/s3p150.jpg'" onmouseout="this.src='http://www.cwb.gov.tw/V6/observe/satellite/Data/s1p/s1p150.jpg'" vspace="1"></a><br/> <a onclick="window.open('http://frankhgs.googlepages.com/frank-cwb-all.htm','',',top=300,left=550,width=160,height=200,resizable=yes,scrollbars=no')" href="javascript://" title="開啟多功能48小時動態衛星雲圖(即速加強版)" alt="多功能48小時動態衛星雲圖(即速加強版)">+加強版</a> <a href="http://blog.xuite.net/frank.hgs/GE/29704208" target="_blank">@Frank的雜記</a></div></center>
複製代碼 可做編輯測試!!