通俗基础教程
电脑操作教程
电脑怎样拨号上网
如何做个人网页
怎样做局域网
Word教程(文字处理)
图形图象处理入门
经典提高教程
怎样使用代理服务器
如何做无盘工作站
Photoshop教程
Dreamweaver教程
Flash教程
Firework教程
Frontpage2000教程
Authware教程
Office2000教程
如何制作动画图片
OICQ&ICQ使用方法

高手学习指南

硬件升级技巧
CGI教程
ASP教程

PHP教程

注册表使用技巧
路由器的设置
网站建设指南
SQL
合作网站
栏目制作月光软件
最近更新:
类别:网站制作

怎么在网页制作拖拽的拼图效果
http://www.tongyi.net 作者:Blueing

细入Behaviors 的Drag Layer指令。


如何在网页中做一个拼图的效果?


其实要做到这点并不困难,只需要使用到Dreamweaver一个简单的指令。   


步骤一:要找到一张完整,而且色彩鲜明的图片。这样便于他人识别。


步骤二:使用一些软件将他们均匀的分割,并将他们分别命名为*.jpg或*.gif图片。我推荐使用Friework或PhotoShop。  


步骤三:进入Dreamweaver打开一个相应文件。


步骤四:单击对象工具栏中的层(Layer),在页面中脱拽一个层。


步骤五:把鼠标固定在层框中,同时点击工具拦中的图片插入按钮,插入一张你先前分割的一张图片。


步骤六:按键盘"F8",弹出"Behaviors"面板,在Events For:。选择IE 4.0。


步骤七:选中页面中的层,然后单击面板中的"+"键,系统弹出列表,选择其中的Drag Layer。   


步骤八:此时弹出的框子,选择层(Layer)的时候时候一定选择当前层。(如果不是很清楚,按F11)。其他的设置可以不去动他的默认。按OK。


步骤九: 随后点击事件右侧的向下的黑色小箭头,在弹出的列表中选择"onMouseOver"。   


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

   
相关教程
怎么样才能控制弹出新窗口的位置?
怎么样才能控制弹出新窗口的位置?
怎样控制弹出窗口大小?
网页中制作边角圆润的图形
网页中飘动的图片的制作
如何在一个网页中实现多个链接效果
Dreamweaver中层的定位
实现动画效果的 Timeline
网页制作中的声音层叠样式表单
网页中轻松实现三维字体
DreamWeaver中表单的使用和电子邮件表单的制作
怎么在网页制作拖拽的拼图效果