巧制可全屏拖动的图片
<P> 我们可以用鼠标把的层在页面内拖动，但要全屏拖动就困难了,下面是一种实现的方法:</P><P style="TEXT-INDENT: 2em">制作步骤：</P><P style="TEXT-INDENT: 2em">一、准备图片，取名back.jpg，如下：</P><P style="TEXT-INDENT: 2em"><CENTER><CENTER><IMG src="/bbs/attachments/websoft/20081129/20089299474181277801.jpg"></CENTER></CENTER><P></P><P style="TEXT-INDENT: 2em">二、建一个htm文件取名drag.htm，并写入下列代码：</P><P style="TEXT-INDENT: 2em">< html><BR> < head><BR> < title>可拖动的图片< /title><BR> < meta http-equiv="Content-Type" content="text/html; charset=gb2312"><BR> < /head><BR> < 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()"><BR> < img src="http://www.jcwcn.com/Files/BeyondPic/oldjcwimg/2005-11/15/05111512221550167.jpg" width="120" height="120" style="cursor:hand;border:3 gold ridge"><BR> < /body><BR> < /html></P><P style="TEXT-INDENT: 2em">drag.htm便是一个可以被拖动的页面。</P><P style="TEXT-INDENT: 2em">三、在页面中调用drag.htm，加上下面的代码：</P><P style="TEXT-INDENT: 2em">< head><BR> < title>可全屏拖动的图片< /title><BR> < meta http-equiv="Content-Type" content="text/html; charset=gb2312"><BR> < script language="JavaScript"><BR> function drag(){<BR> var win;<BR> win=window.open("drag.htm"，""，"fullscreen");<BR> win.moveTo(200，200);<BR> win.resizeTo(126，126);<BR> win.focus();<BR> }<BR> < /script><BR> < /head></P><P style="TEXT-INDENT: 2em">并用链接打开：</P><P style="TEXT-INDENT: 2em">< a href="javascript:drag()">点击这里< /a></P><P style="TEXT-INDENT: 2em">好了，保存看看效果吧！</P><p></p></p><p align='center'><font color='red'><b></b></font></p>
页:
[1]