jquery实现鼠标移动变色
时间: 2024-03-05 12:45:02 浏览: 73
以下是使用jQuery实现鼠标移动变色的示例代码:
```javascript
$(document).ready(function(){
$("body").mousemove(function(event){
var x = event.pageX;
var y = event.pageY;
var color = "rgb(" + x%255 + "," + y%255 + ",100)";
$("body").css("background-color", color);
});
});
```
这段代码使用了`mousemove`事件来监听鼠标移动的动作。当鼠标移动时,获取鼠标的坐标,并根据坐标计算出一个颜色值。然后,将这个颜色值设置为`body`元素的背景色,从而实现鼠标移动时背景色的变化。
阅读全文