当前位置:错新网文章中心网站设计软件应用 → 用DW制作可全屏拖动的图片

用DW制作可全屏拖动的图片

减小字体 增大字体 作者:admin  来源:www.hack50.com  发布时间:2012-1-31 7:43:14

我们可以用鼠标把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=http://www.chinahtml.com/0611/"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>

好了,保存看看效果吧!


本文引用网址:

在下列搜索引擎中搜索“用DW制作可全屏拖动的图片”的相关信息:

谷歌搜索 百度搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1四川美院女生遭前男友发艳照报...
  • 2雨后小故事 qq表情姐弟雨后小故...
  • 3雨后小故事完整版 雨后的小故事...
  • 4qq表情雨后的故事2 姐弟雨后的...
  • 5王婷不雅视频 王婷全裸艳照 王...
  • 1未注册双拼域名查询 未注册双拼...
  • 2如何让网站被百度快速收录?百...
  • 3说说"电视棒"为什么卖得这么火...
  • 4新站快速提升网站的PR值
  • 5Dedecms会员注册验证邮箱的实现...
  • 1中国女大学生的淫靡生活
  • 2合肥艳照门事件 合肥艳照门全套...
  • 3日本AV六级试卷 (附标准答案)
  • 490后偷食禁果惊爆厕所门高清组...
  • 5林晨钰爆奶门视频qvod 林晨钰爆...
  • 1如何做服务器安全维护?有哪些...
  • 2LAMP:配置Linux Apache Web服务...
  • 3加密无痕Win7系统让U盘成为个人...
  • 4硬盘数据修复软件EasyRecovery...
  • 5Windows Server 2003 安全性指...
  • 赞助商广告

    图片文章导读