js模拟画笔效果
2008-10-05 00:00
316 查看
模拟画笔效果
var ballW = 10,ballH = 10;
document.onmousemove = function(evt){
var evt=evt?evt:window.event;
var posX=evt.clientX;
var posY=evt.clientY;
var newDiv=document.createElement("div");
document.body.appendChild(newDiv);
newDiv.style.width=ballW+"px";
newDiv.style.height=ballH+"px";
newDiv.style.backgroundColor="red";
newDiv.style.position="absolute";
newDiv.style.left=posX-(ballW/2)+"px";
newDiv.style.top=posY-(ballH/2)+"px";
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
var ballW = 10,ballH = 10;
document.onmousemove = function(evt){
var evt=evt?evt:window.event;
var posX=evt.clientX;
var posY=evt.clientY;
var newDiv=document.createElement("div");
document.body.appendChild(newDiv);
newDiv.style.width=ballW+"px";
newDiv.style.height=ballH+"px";
newDiv.style.backgroundColor="red";
newDiv.style.position="absolute";
newDiv.style.left=posX-(ballW/2)+"px";
newDiv.style.top=posY-(ballH/2)+"px";
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- js模拟画笔效果
- js模拟QQ窗口的抖动效果
- JS模拟简易滚动条效果代码(附demo源码)
- 通过JS模拟select表单,达到美化效果[demo][转]
- JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
- js模拟打字效果
- js实现模拟银行卡账号输入显示效果
- js 模拟QQ聊天窗口图片播放效果(带滚轮缩放)
- typer.js,可能是最小但功能也不多的模拟打字效果插件
- JS模拟键盘打字效果的方法
- js模拟动画之 商品展示效果
- JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
- js 模拟气泡屏保效果代码
- 模拟Flash放大镜的动态JS效果
- 纯CSS样式模拟js写手风琴效果
- JS多个矩形块选择效果代码(模拟CS结构)
- 通过js模拟用户按F5刷新页面效果
- JS实现模拟风力的雪花飘落效果
- js 模拟选择文件效果
- JS模拟简易滚动条效果代码(附demo源码)