有關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>