【Flash 插件】时钟类插件

1.honehone_clock人体时钟实现

原理:就是在网页上播放已写好的.SWF文件。

 

效果如下:

效果一:背景透明,推荐为白色或浅背景
效果二:背景白色,推荐黑色或深色背景

 

实现步骤:

先引用 honehone_clock.js 文件:

<script type="text/javascript" src="http://files.cnblogs.com/yc-755909659/honehone_clock.js"></script>

 

调用方法:引用了上面的js文件后,直接把下面的js方法调用代码复制到你想人体时钟显示的网页位置代码中就可以了。

 

效果一:

<script type="text/javascript">LoadBlogParts('tr') </script>

 

效果二: 

 <script type="text/javascript">LoadBlogParts('wh') </script>

 

源代码: honehone_clock人体时钟.zip

 

 该作者博客地址:http://chabudai.org/blog/?p=59

 

2.pendulumClock时钟

效果如下:

 

实现代码:

<div>
        <object type="application/x-shockwave-flash" style="outline: none;" data="http://files.cnblogs.com/yc-755909659/pendulumClockV2.swf?" width="300" height="200">
            <param name="movie" value="http://files.cnblogs.com/yc-755909659/pendulumClockV2.swf?" />
            <param name="AllowScriptAccess" value="always" />
            <param name="wmode" value="opaque" />
            <param name="bgcolor" value="" />
        </object>
        </div>

 

源代码:pendulumClock时钟.zip

转载于:https://www.cnblogs.com/yc-755909659/p/3621326.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flash时钟 详细操作步骤 素材全 1.新建Flash文档,设置舞台尺寸为:“354×499”。将素材文件“钟.jpg”、“钟摆.jpg”导入到【库】面板中。 2.将“图层1”更名为“背景”;将【库】面板中的“钟.jpg”拖放到舞台中;设置坐标点为(0,0)。 3.新建“钟摆动画”影片剪辑元件,将【库】面板中的“钟摆.jpg”拖放到舞台上,设置坐标点为(-31.5,0);将图形的变形点移至上边中点,分别在第12、24、36、48帧插入关键帧;选择第12帧,旋转15°;选择第36帧,旋转-15°;分别在1~12、12~24、24~36、36~48帧之间创建补间动画。 4.增加“背景2”图层,将【库】面板中的“钟摆动画”元件拖放到舞台,调整到合适的位置;在【时间轴】面板中将“背景2”图层移动到“背景”图层的下方。 5.选择“背景”图层,执行【修改】→【分离】菜单命令;使用【橡皮擦工具】将钟面下方的背景擦除,以便使“钟摆”显示出来。 6.在“背景”图层上方增加一个“文本”图层,使用【文本工具】在钟的盘面上创建7个分别用于显示“年”、“月”、“日”、“时”、“分”、“秒”、“星期”的动态文本,变量名分别设置为“year”、“month”、“date”、“hrs”、“min”、“sec”、“weekday”;分别在显示时与分、分与秒的动态文本框之间,插入静态文本“:”,在显示月、日的动态文本框后插入静态文本“月”、“日”,在显示星期的动态文本框前插入静态文本“星期”;对各动态文本框、静态文本设置合适的字体、字体大小、颜色等。 7.在所有图层的上方添加一个“动作”图层,选择第1帧,打开“动作”面板,输入如下代码: dt = new Date(); hrs = dt.getHours(); *************************************} 8.测试影片,此时发现所显示时间是“非即时”的——时间未更新。选择所有图层的第1帧插入帧。 9.测试影片;保存文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值