快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash 网页新闻浮动板的制作(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以及一些意见,帮我改进这个作品.

  源码说明,由于一开始的设计和最终的实现上有些不相符,所以,有些类是没有用的,请不要感到困惑。

  点击这里下载源文件
返回类别: Flash教程
上一教程: 三种鼠标跟随效果动画的实现
下一教程: Action应用:getURL可以实现框架的更新

您可以阅读与"Flash 网页新闻浮动板的制作(XML应用)"相关的教程:
· Flash MX 2004实例制作视频教程:手机浮动广告2
· Flash MX 2004 模仿出打字效果的制作方式
· Flash MX 2004实例制作视频教程:手机浮动广告3
· Flash中卡通人物的急速跑步的制作
· Flash MX 2004实例制作视频教程:手机浮动广告1
    微笑服务 优质保证 索取样品