热点:

    实现图片跟随鼠标移动的网页特效

      [   原创  ]   作者:
    收藏文章 暂无评论

    网页浏览时,最吸引人的往往是特效,特别是图片过渡效果。有些图片会随鼠标移动而变化。这里分享一个我制作的特效:当鼠标左右移动时,图片也会随之左右移动。而且,鼠标离屏幕中心越远,图片移动速度就越快。这种效果很有趣,希望能与大家交流。

    1、 启动Flash8,新建文档,尺寸设为400×250像素,背景用白色,帧频调整至12fps。

    2、 执行导入到舞台命令,将准备好的水浒英雄图片导入舞台,图片会自动添加到库中。

    3、 打开资源库,定位水浒英雄图片,双击以开启位图属性面板,此时可看到尺寸为2204×400,注意其宽度值。

    4、 执行插入-新建元件命令,创建名为移动的影片剪辑元件,点击确定进入编辑区域。

    5、 将水浒英雄图片从库中拖入编辑区,选中图片后设置水平和垂直居中,确保其中心与编辑区域中心对齐。

    6、 再次从资源库拖入两张水浒英雄图片,放在原先图片两侧,调整三张图片位置,使其首尾相连。

    7、 执行插入-新建元件命令,创建名为缩放的影片剪辑,点击确定后进入编辑区域。

    8、 从库拖动移动影片剪辑到编辑区,于属性面板输入实例名称为picmove。

    9、 回到主场景,从库拖出缩放元件至舞台,属性面板中设实例名为pic。选中该元件,打开动作面板输入代码。

    10、 新建图层2,选用椭圆工具,设置黑色笔触、无填充,按Shift键在舞台中心绘制正圆。

    11、 将圆调整为50*50大小,选用工具箱的铅笔工具,在圆内画出十字图案。

    12、 执行文件-保存,命名为水浒英雄,按下Ctrl+Enter组合键进行测试。

    soft.zol.com.cn true https://soft.zol.com.cn/993/9932097.html report 1225 网页浏览时,最吸引人的往往是特效,特别是图片过渡效果。有些图片会随鼠标移动而变化。这里分享一个我制作的特效:当鼠标左右移动时,图片也会随之左右移动。而且,鼠标离屏幕中心越远,图片移动速度就越快。这种效果很有趣,希望能与大家交流。 1、 启动Flash8,新建文...
    不喜欢(0) 点个赞(0)
    随时随地资讯查报价 就上ZOL手机客户端,点击或扫描二维码下载
    立即下载

    网页特效集合 1.2

    更新时间:2012年06月23日

    用户评分:0 | 0人点评

    软件类型:试用软件

    软件语言:简体中文

    软件资讯文章推荐

    周热门办公软件排行榜

    • 热门
    • 新品
    网页特效集合 1.2
    • 更新时间:2012年06月23日
    • 软件大小:0.6MB
    • 软件分类:javascript
    • 语言种类:简体中文
    • 软件评级:0 人点评