[查看演示] 源码如下
----------------------------------------------------------
<html>
<SCRIPT language=Javascript1.2>
var xpos,ypos;
function startDragme() {
xpos = document.body.scrollLeft + event.clientX;
ypos = document.body.scrollTop + event.clientY;
}
function moveWindow() {
var xmov = document.body.scrollLeft + event.clientX - xpos;
var ymov = document.body.scrollTop + event.clientY - ypos;
self.moveBy(xmov,ymov);
}
</SCRIPT>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>拖动页面－www.51windows.Net</title>
</head>
<body topmargin=0 leftmargin=0 bgcolor="#000000" text="#FFFFFF" oncontextmenu="return false">
<img onmousedown=startDragme(); ondrag=moveWindow(); title="按下鼠标拖动页面" src="jsimg/img.jpg" border="0" width=100% height=100%>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> |
