2006/11/07

有關Web2.0 的 Mash up 方式


看來我很久沒在這裡發文,最近在部落格崁入了一些東西,我就這部份應用的方式範例貼出來。

1. embed 方式的崁入(Google Video)

<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=-5446541868363512925&hl=en" flashvars=""></embed>



2. iframe 崁入模式(Google Calendar)
<iframe SCROLLING=NO src="http://www.google.com/calendar/embed?src=mpmigkt2int30a57lakat0dn10%40group.calendar.google.com&chrome=NONE&height=210&epr=1&wkst=1&bgcolor=%23EEEEEE" width="260" frameborder="0" height="230"></iframe>



3. iframe 崁入模式(Google Picasaweb 的 slide show)
<iframe src="http://picasaweb.google.com/writers.idv.tw/200602/photo#s4982984271529508882" width=512 height=512 frameborder=0></iframe>



4. iframe 崁入模式(Google Map)
<iframe src="http://tripmap.blogspot.com/?x=12.3313&y=45.4363&z=4&" width=512 height=512 frameborder=0></iframe>



PS. 以上的 2.3.4. 可以做到隨時偵測網頁的大小變化,不會出現 scrollbar 有興趣的可以研究一下原理

5. script 崁入模式(拿 blogger 當成 script 元件來玩)
<script>var r_tag='威尼斯'; var r_num=999;</script><script src="http://tripwriterjs.blogspot.com/"></script>



6. script 崁入模式
<script type="text/javascript" src="http://www.hemidemi.com/digest/group/yuyen/bookmark/recent"></script>



7. img 圖片崁入模式(計數器大部分是用這種模式)
<img src=http://yamstock.megatime.com.tw:8080/asp/mcs/ws.asp?w=700&h=333&fmt=png&rt=on&min=1&mode=detail&id=1000&style=totalmean&dot=2>