数据读取中...
 您当前位置:惠州维修 -> 其它类-> 网站制作-> JavaScript教程 文章搜索:  
怎么在网页制作拖拽的拼图效果
作者:转载 来源:惠州维修
日期: 2006-11-20
放大字体显示 缩小字体显示 打印文章 推荐给朋友
细入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文件试一试。:) 其他的图片也就按此方法重复制作几次。

文章页数:[1] 
帮助你我他: 1.我有问题请教 2.我要投稿>>>
更多相关资料搜索:
热点文章
最新文章
相关文章
版权申明:除部分特别声明不要转载,或者授权本站独家播发的文章外,大家可以自由转载本站的原创文章,但原作者和来自本站的链接必须保留(非本站原创的,按照原来自一节,自行链接)。文章版权归本站和作者共有。
转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去本站水印。
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
发表评论  打印  刷新  推荐给朋友  返回顶部  关闭

网上大名: