巧制可全屏拖动的图片

王朝other·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

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

制作步骤:

一、准备图片,取名back.jpg,如下:

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

< 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="back.jpg" width="120" height="120" style="cursor:hand;border:3 gold ridge">

< /body>

< /html>

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

三、在其他页面中调用drag.htm,加上下面的代码:

< 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>

并用链接打开:

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

好了,保存看看效果吧

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航