标题: 巧制可全屏拖动的图片
lonjew
元帅
Rank: 1



UID 73191
精华 1
积分 30615
帖子 14941
威望 3
金币 14931
热心 12
阅读权限 100
注册 2008-1-28
状态 离线
巧制可全屏拖动的图片

巧制可全屏拖动的图片  我们可以用鼠标把Dreamweaver的层在页面内拖动,但要全屏拖动就困难了,下面是一种实现的方法:
制作步骤:  
一、准备图片,取名back.jpg,如下:  





  
二、建一个htm文件取名drag.htm,并写入下列代码:  
< HTML>
  < head>
  < title>可拖动的图片< /title>
  < meta http-equiv="Content-Type" c>
  < /head>
  < body bgcolor="#FFFFFF" text="#000000" scroll=no topmargin=0 leftmargin=0   >
  < 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" c>
  < 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>  
好了,保存看看效果吧!

网友 lonjew 签名 - 网友社区 ==
顶部
[广告] 免费域名(Free Subdomain) 免费空间(Free hosting) PR查询(Google Pagerank)



当前时区 GMT+8, 现在时间是 2008-11-22 18:14
信产部ICP备案:京ICP备05066424号 北京市公安局网监备案:1101050648号

Powered by Discuz! 5.5.0
清除 Cookies - 联系我们 - 网友俱乐部 - Archiver - WAP