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>

總共有4個迴響

  1. 匿名 @ 11/07/2006 5:08 下午

    沒想到最後一張圖居然是那個,突然有點轉換不過來,呵呵

  2. Enoch 11/22/2006 12:36 下午

    可否幫我試一試好友新文功能呢, 詳細可看 http://memdb.blogspot.com.

  3. 匿名 @ 12/08/2006 12:55 上午

    您好
    小弟看了您這篇文章
    也來試試mash up的功能
    小弟試了6.(script 崁入模式)
    發佈時,會跳出錯誤訊息
    請問要如何修改才能像您的文章一樣呢?

  4. 水瓶子 1/05/2007 4:20 下午

    錯誤訊息不管他,打勾勾後在發佈一次就好。