软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 用 Dreamweaver 制作拖拽的拼图效果

用 Dreamweaver 制作拖拽的拼图效果

    (一)、找到一张完整,而且色彩鲜明的图片,用 PhotoShop 或 Fireworks 将图片均匀分割成一些 .jpg 或 .gif 小图片;

    (二)、进入 Dreamweaver,打开一个文件,单击对象工具栏中的层(Layer),在页面中拖拽一个层,把鼠标固定在层框中,同时点击工具栏中的图片插入按钮,插入一张你先前分割出的一张小图片。

    (三)按 F8,弹出“Behaviors”面板,在 Events For: 选择 IE 4.0。

    (四)、选中页面中的层,然后单击面板中的“+” 键,弹出列表,选择其中的 Drag Layer,此时弹出的框子,选择层(Layer)的时候时候一定选择当前层。(如果不是很清楚,按 F11)。其他的设置可以不去动他的默认。按 OK。 随后点击事件右侧的向下的黑色小箭头,在弹出的列表中选择“onMouseOver“。   

    这样一个可以拖拽的图象就建成了,你可以 Save 一下。用浏览器打开相应的 Html 文件试一试。:) 其他的图片也就按此方法重复制作几次。

    相关阅读
    栏目导航
    推荐软件