论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

Flash时钟

文章类别:Flash | 发表日期:2008-9-21 20:11:30

  

进阶教程:Flash时钟
newfish·晨曦空间

--------------------------------------------------------------------------------
div align=center>
这例子是运用了fs command,所以作品完成后要在html中加上一些javascript后才能看出效果来



效果如下
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=450 height=350>http://file.flash8.net/Tutorials1/swf/clock.swf



首先,要做好时钟的FLASH动画

STEP 1:做一个表示月份的movie clip。 进入FLASH后,创建一个新的movie clip,命名为month. 在第一帧的场景上输入“一月”,在第二帧上输入“二月”......如此类推,在第十二帧上输入“十二月”。然后在timeline的第一帧上双击,在action上设为stop。


STEP 2:同样地,再建一个表示天数的movie clip,在第一帧上输入“一号”,在第二帧上输入“二号”,如此类推,在第三十一帧上输入“三十一号”,第一帧上的action也设为stop。用同样的方法,分别新建一个表示小时的,表示分钟的,表示秒的,表示星期的movie clip。第一帧的action全设为stop.

STEP 3:返回场景中,按ctrl+l,把刚才作好的所以movie clip拖到场景的适当位置上,(如例子).然后在场景上分别双击每个movie clip,在弹出的instance propertice中选definition,在instance options上填上每个movie clip的名字.如双击months的movie clip后在instance options上填上month.(其实在instance options上填的名字可以是随意的).一如下图。本例子中,给月份的movie clip起的instance name是mouth,表示星期的是weekday,表示日期的是date,表示小时的是hrs,表示分钟的是min;表示秒的是sec.




STEP 4: 在场景中新插入一层(菜单中的insert/layer),然后在新插入的层的timeline上第一帧上双击,在action上选
FS COMMAND,如下图.在右边的的command栏中输入任意一个名字,如initclock,在arguments中不填.然后在新增的层中的第二帧按F7,插如一个空帧,其目的是不断地向电脑发出FS COMMAND命令.




STEP 5:时钟的动画做好了,先把它输出,然后插进网页中(菜单中的file/export movie,用frontpage或dw插入这时钟的动画都可以).你是不是发现这时钟不会动呢?现在就在网页中插入一段javascript,也是这教程的重点部分.

STEP 6:在你的网页中加进如下语句(也可以参考本页的代码),其中//后的是我加上去的备注.

$#@60;script LANGUAGE="JavaScript"$#@62;
var InternetExplorer = navigator.appName.indexOf("Microsoft") != -1;

//下面的clock2为你插入网页后的给时钟动画多所起的名字(记住一定要给动画在网页上起一个名字,而不是文件名!),若你起的名字是a,就把clock2改为a,要注重名字的大小写


function clock2_DoFSCommand(cmd, args) {

var clock = InternetExplorer ? clock2 : document.embeds["clock2"]
var OD = new Date();

//下面的"_level0/min"中的min就是你双击表示分钟的movie clip后在instance options中所填如的名字
再下面的"hrs","date","month","weekday","sec"就是分别表示你给时钟动画中的小时,日期,月份,星期,秒的movie clip的instance options中的名字.

function getmin() { clock.TGotoFrame("_level0/min", OD.getMinutes()); }
function gethrs() { clock.TGotoFrame("_level0/hrs", OD.getHours()); }
function getdate() { clock.TGotoFrame("_level0/date", OD.getDate()-1); }
function getmon() { clock.TGotoFrame("_level0/month", OD.getMonth()); }
function getwkd() { clock.TGotoFrame("_level0/weekday", OD.getDay()); }
function getsec() { clock.TGotoFrame("_level0/sec", OD.getSeconds()); }

//下面的 cmd=="initclock"中的initclock就是你在FS COMMAND的COMMAND栏所填入的名字
if ( cmd=="initclock" ) { getmin(); gethrs(); getdate(); getmon(); getwkd(); getsec();}
}

$#@60;/script$#@62;

$#@60;script LANGUAGE="VBScript"$#@62;
Sub clock2_FSCommand(ByVal cmd, ByVal args)
call clock2_DoFSCommand(cmd, args)
end sub
$#@60;/script$#@62;







相信假如你稍懂javascript的话,就很轻易明白上面的意思。至于FS COMMAND命令的详解,请看有关的FS COMMAND教程.

视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058