管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

js模拟画笔效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> 
        <title>模拟画笔效果</title> 
        <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20var%20ballW%20%3D%2010%2CballH%20%3D%2010%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20document.onmousemove%20%3D%20function(evt)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20evt%3Devt%3Fevt%3Awindow.event%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20posX%3Devt.clientX%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20posY%3Devt.clientY%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20newDiv%3Ddocument.createElement(%22div%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20document.body.appendChild(newDiv)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newDiv.style.width%3DballW%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newDiv.style.height%3DballH%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newDiv.style.backgroundColor%3D%22red%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newDiv.style.position%3D%22absolute%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newDiv.style.left%3DposX-(ballW%2F2)%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20newDiv.style.top%3DposY-(ballH%2F2)%2B%22px%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%3C%2Fscript%3E"> 
    </head> 
    <body> 
    </body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程