首页 > Web开发 > 详细

用jQuery将页面制成简单画板

时间:2018-06-22 21:34:49      阅读:247      评论:0      收藏:0      [点我收藏+]
$(function () {
$(document).on(‘mousedown‘, function (e) {
var e = e || window.event;
$(document).on(‘mousemove‘, function (e) {
var e = e || window.event;
var x = e.pageX;
var y = e.pageY;
$(‘<div></div>‘).css({
‘position‘: ‘absolute‘,
‘width‘: ‘5px‘,
‘height‘:‘5px‘,
‘borderRadius‘:‘50%‘,
‘left‘: x, ‘top‘: y })
.appendTo(‘body‘); $(‘div‘).css(‘background‘,
function Color() {
var r = parseInt(Math.random() * 256);
var g = parseInt(Math.random() * 256);
var b = parseInt(Math.random() * 256);
return "rgb(" + r + ‘,‘ + g + ‘,‘ + b + ")";
});
})
$(document).on(‘mouseup‘, function () {
$(document).off(‘mousemove‘).off(‘mouseup‘);
})
})

})

用jQuery将页面制成简单画板

原文:https://www.cnblogs.com/huanxijiuhao/p/9215472.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!