[查看演示] 源码如下
----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>画线－www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="www.Redidea.net">
</HEAD>
<body bgcolor=#CCCCCC>
<script>
var winW= 480;
var winH= 360;
var MyStr="<object id=DDraw classid=\"clsid:369303C2-D7AC-11d0-89D5-00A0C90833E6\"";
MyStr+=" style=\"background:#FFFFFF;position:absolute;left:0;top:0;width:";
MyStr+=winW;
MyStr+=";height:";
MyStr+=winH;
MyStr+="\"></object>";
document.write(MyStr);
</script>
<script language=JavaScript>
var IsClick=0;
var MouseX0=0;
var MouseY0=0;
function MyDraw(){
if (IsClick) {
if ((MouseX0==0)&&(MouseY0==0)){
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}
MouseX=event.clientX-winW/2;
MouseY=event.clientY-winH/2;
var Canvas=DDraw.DrawSurface;
var Lib=DDraw.Library;
Canvas.FillColor(Lib.red);
Canvas.Line(MouseX0,MouseY0,MouseX,MouseY);
DDraw.DrawSurface=Canvas;
MouseX0=MouseX;
MouseY0=MouseY;
}
}
function MyClick(){
IsClick=!IsClick;
MouseX0=event.clientX-winW/2;
MouseY0=event.clientY-winH/2;
}
document.onclick=MyClick;
document.onmousemove=MyDraw;
</script>
<div style="position:absolute;left:0;top:380;">点一下鼠标，然后松开，移动鼠标，就可以画了，再点一下，就结束了..:)<br>来自：www.Redidea.net</div>
</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> |
