Flash 網頁新聞浮動板的製作(XML應用)

來源:互聯網
上載者:User
xml|浮動|網頁

  我們經常可以看到一些網站上有一些用javascript寫的新聞浮動板的效果。

  今天,我就嘗試用flash+xml來做一個新聞浮動板,基本實現的目標是讀取xml中的內容並在點擊時有超連結效果。

  本來應該是有一個懸停的效果的,我在前期測試中成功了,但在最後組合起來測試時失敗了,onRollOut事件只激發一次後組合起來測試時失敗了,在這個作品裡只好放棄了。

  構想應該是比較簡單的,就是如圖一所示的程式流程圖:

  不過實現的時候還是會遇到一些困難的,我就把我遇到的主要問題以及解決的方式小結如下:
1htmlText:

  聽說Flash是支援CSS的,但支援度有限,嘗試了一下一個讓超連結變色的效果,失敗了。

  至於顏色就直接用<font color='#0000FF'>來做就是了,如下:

private function htmlStrMake(info:String,href:String,textHolder:TextField):Void
{
var tmpStr:String="<font color=’#0000FF’><a href=’";
tmpStr+=href;
tmpStr+="’ target=’_blank’>";
tmpStr+=info+"</a></font>";
textHolder.htmlText=tmpStr;
}

  2.xml的onLoad事件:

  也許是出於安全性的考慮,在我的嘗試過程中,發現flash對讀入的xml檔案的存取相當的嚴格。能施展拳腳的空間基本上只有onLoad了。

  一旦出了onLoad,那麼在onLoad裡所動態建立及獲得的一切,不論是否與xml檔案中的資料有關,都會變得無效.

  所以,一開始的設計中,我是準備把xml檔案的讀取與後面的動態效果分離的。後來,經過了失敗的陣痛後,我不得不把所有的主要程式全放在
onLoad中,雖然肯定是不合理的,但我實在是沒辦法~~~~

  3.對於讀入xml內容的處理:

  讀入的xml資料,一律是被當作String來處理的,所以,當讀入的是數位時候,應該用parseInt或parseFloat加以轉型。

  如果只是直接用,即不用它來做任何運算,還是沒問題的。但我並不推薦這樣幹。

  4.對於我這個xml檔案的說明.

  首行的屬性值存放了和這個影片有關的資料,對應介紹如下:

<newsMsg width='204' height='176' newsnum='5' rowinterval='2' fps='80' vy='0.5'>
width:影片的寬度。
height:影片的高度.
newsnum:新聞的數目.
rowinterval:每條新聞所佔的行數,我這裡的一行是22個像素單位.
fps:setInterval中的每幀的所消耗的毫秒數.
vy:新聞文字框向上移動的速度。

  至於主要的內容嗎:

<news>
<headline>歡迎使用google</headline>
<url>http://www.google.com<;/url>
</news>

  我想,除了你不知道什麼是xml外應該一看就懂的:)

  5.如果這個作品能有幸被您用到網頁的實際應用中,我會很開心的。

  基本上你需要修改的只是美工的部分,還有新聞xml檔案裡的內容及參數了。當然,也歡迎你能報告一些BUG以及一些意見,幫我改進這個作品.

  源碼說明,由於一開始的設計和最終的實現上有些不相符,所以,有些類是沒有用的,請不要感到困惑。

   點擊這裡下載源檔案

相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。