巧制可全屏拖动的图片
作者:touch8 来源:赛迪网 时间:2008-05-09 19:34:00
我们可以用鼠标把Dreamweaver的层在页面内拖动,但要全屏拖动就困难了,下面是一种实现的方法:
制作步骤:
一、准备图片,取名/file/UploadPic/20072/20072311372391.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="https://img.aspxhome.com/file/UploadPic/20072/20072311372391.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>
好了,保存看看效果吧!
标签:拖动,图片,Dreamweaver
0
投稿
猜你喜欢
asp如何防止计数器刷新计数?
2009-11-22 19:19:00
设计师的职业规划
2009-08-31 12:52:00
[翻译]标记语言和样式手册 Chapter 2 标题
2008-01-16 11:56:00
overflow的另类用法
2008-07-02 12:29:00
解决mysql不能插入中文Incorrect string value
2009-07-30 09:02:00
SQL Server 2000中生成XML的小技巧
2009-02-13 17:12:00
防止表格或或div层被撑开的几种方法
2008-01-01 15:33:00
IE下修改<p>标签的innerHTML出错
2007-11-11 10:12:00
asp如何制作一个搜索引擎链接程序?
2010-07-07 12:26:00
批量更新存储过程所有者
2010-07-15 21:14:00
XML文件的显示——CSS和XSL
2007-10-15 18:48:00
Mysql使用Describe命令判断字段是否存在
2011-04-25 18:27:00
String 的扩展方法
2008-05-12 22:36:00
Dreamweaver虚拟在线试衣室
2009-07-05 18:54:00
ie7空格的间距要比ie6/firefox/opera的都要大
2008-05-24 16:54:00
兼容所有浏览器的CSS3圆角[译]
2009-10-13 21:11:00
通过VB6将ASP编译封装成DLL组件最简教程 附全部工程源文件
2012-11-30 20:20:50
设计手机端应用时的一些建议
2011-05-14 16:45:00
让数据站住脚-浅谈用户研究中的信度与效度
2010-09-10 13:14:00
Bowman vs Google-设计与数据彼此相互需要
2009-08-16 16:06:00