個人門戶:http://www.protopage.com
簡 介:利用AJAX技術實現的個人門戶,頁面上包括各種Panel(模塊):新聞,圖片,RSS閱讀器,天氣預報,記事本,收藏夾,Email信箱等。
功能十分強大,可以設置頁面背景的顏色或圖像,Panel的標題顏色,及整個的配色方案(類似於skin),各個Panel之間的定位可以層疊或不層疊。可以建立新的頁面,每個頁面可以設置爲公開或私人。
一個個人門戶基本的結構是:
Homepage
/ \ \
Page1 Page2 PageN
/ \
Panel1 Panel2
網址:http://mp3.baidu.com
內容:百度Mp3的試聽頁面
特點:採用Ajax技術加載歌詞,並且歌詞根據詞曲滾動,並自動把正在演唱的歌詞加重顯示
前幾天偶然發現百度MP3的試聽歌曲可以實現歌詞動態滾動,看了下源文件,終於發現了Ajax的痕跡。準確的說是AJAH,呵呵,而且Only For IE。
主要是一個JS函數來實現這個效果,效果圖如下: