位置：71code站长站 → 站长学习 → 设计学院 → 网页制作 → Dreamweaver巧制可全屏拖动的图片

Dreamweaver巧制可全屏拖动的图片

减小字体

增大字体作者：71站长源码(收集) 来源：71站长源码(网络) 发布时间：2008-3-18 14:53:09

我们可以用鼠标把Dreamweaver的层在页面内拖动，但要全屏拖动就困难了，下面是一种实现的方法： 71code

制作步骤： Www.71code.com

一、准备图片，取名back.jpg。 71code

二、建一个htm文件取名drag.htm，并写入下列代码：

71站长源码

以下为引用的内容：
　　< html>
　　< head>
　　< title>可拖动的图片< /title>
　　< meta http-equiv="Content-Type" content="text/html; charset=gb2312">
　　< /head>
　　< body bgcolor="#FFFFFF" text="#000000" scroll=no topmargin=0 leftmargin=0 onmousedown="x=event.x;y=event.y;setCapture()" onmouseup="releaseCapture()" onmousemove="if(event.button==1)top.moveTo(screenLeft+event.x-x，screenTop+event.y-y)" ondblclick="self.close()">
　　< img src=/images/NullPic.gif" width="120" height="120" style="cursor:hand;border:3 gold ridge"> 71站长源码
　　< /body>
　　< /html>

71站长源码

drag.htm便是一个可以被拖动的页面。 71code~com

三、在其他页面中调用drag.htm，加上下面的代码： 71code

以下为引用的内容：
　　< head>
　　< title>可全屏拖动的图片< /title>
　　< meta http-equiv="Content-Type" content="text/html; charset=gb2312">
　　< script language="JavaScript">
　　function drag(){
　　var win;
　　win=window.open("drag.htm"，""，"fullscreen");
　　win.moveTo(200，200);
　　win.resizeTo(126，126);
　　win.focus();
　　}
　　< /script>
　　< /head>

71站长源码

并用链接打开：

71站长源码

< a href="javascript:drag()">点击这里< /a> Www_71code_com

好了，保存看看效果吧！中国71站长源码

[] [返回上一页] [打印]