4). 点选“文本工具”，如图7所示设置“属性”面板，“文本填充色”为黑色。在“钟盘”各刻度的位置写下12个数字。点选“椭圆工具”，在钟盘的中心绘制一个直径为8px的盘心，最后删除刻度线。在整个设计中，刻度线的作用是很重要的，有了刻度线，不但操作起来方便，标出的刻度也很精确。 xn=
z}s%xXlm&^J! [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计Flash教程 http://Www.gzU521.com ] xn=
z}s%xXlm&^J!

图07

　　5). 按快捷键ctrl+a全选所有刻度，按快捷键ctrl+g将它们组合。这样，一个具有立体感的钟盘就完成了。最终效果如图8所示。

图08

二、设计旋转指针

　　1．设计指针

　　按快捷键ctrl+f8打开“新建元件”面板，分别创建名为“时针”、“分针”、“秒针”的影片剪辑元件。指针的形状大家随便设计，美观大方即可。不过，有个技术上的问题大家一定要注意：指针在由程序控制转动后，是围绕元件场景中心“╬”旋转的。所以设计时，指针的尾部一定要“╬”上，如图9所示。

图09

　　2．旋转指针

　　下面我们来设计一段控制指针旋转的代码。

　　1). 按快捷键ctrl+e回到“场景1”，新建四个层，分别改名为“钟盘”、“时针”、“分针”、“秒针”。

　　2). 按快捷键ctrl+l打开“库”面板，把库中的“钟盘”、“时针”、“分针”、“秒针”元件拖入相应的层。注意：每个元件的尾部“╬”都要附在钟面的盘心上；层的顺序不要颠倒；锁定或隐藏设计好的层，以便设计其它层。如图10所示。

图10

　　3). 分别点选“时针”、“分针”、“秒针”三个影片元件，在“属性”面板里分别设置其实例名为“时针”、“分针”、“秒针”。如图11所示。

图11@ a m{EB?rn==3[ 此文转贴于我的学习网网页设计Flash教程 http://www.Gzu521.com]@ a m{EB?rn==3

　　4). 新建一个“代码”层，点选该层的第1帧，按快捷键f9弹出“动作”面板，输入如下代码。

function clockfun() {
    // 声明一个名为时间对象
    time = new date();
    // 时针每小时旋转30度
    hour = time.gethours()*30;
    // 分针，秒针每分钟旋转6度
    minute = time.getminutes()*6;
    second = time.getseconds()*6;
    // 每过10秒分针度数加1，增加真实性
    minute += time.getseconds()/10;
    // 每过2分钟,时针度数加1
    hour += time.getminutes()/2;
    // _rotation是影片的角度属性，用来控制影片实例旋转
    秒针._rotation = second;
    分针._rotation = minute;
    时针._rotation = hour;
}
// 每隔1000毫秒执行一次clockfun函数
setinterval(clockfun,1000);

　　5). 注意：以下的代码都书写在代码function clockfun() 之间。

　　代码设计好了，快按快捷键ctrl+enter测试一下吧。怎么样，看到转动的指针是不是很开心，很ha啊，是不是很想接着再往下做啊！那好吧，让我们继续动起来吧。

三、设计日期显示

　　1). 锁定其它层。单击“插入图层”图标新建一层，改名为“日期”层。

　　2). 点选“文本工具”，“属性”面板设置见图12所示，“文本填充色”为黑色。

　　3). 按住鼠标左键在钟盘6点的位置正上方拉出一个动态文本框。将该动态文本框命名为“日期”。最终设置如图12所示。