gpt4 book ai didi

jquery - 如何使用 mousemove 更改 div 的背景颜色?

转载 作者:行者123 更新时间:2023-11-28 05:13:44 25 4
gpt4 key购买 nike

我希望将鼠标坐标导入到 div 中的数字,将背景颜色更改为 rgb(event.clientx, eventclientY, 50)。有什么想法吗?

  <body>

<p>
<span>Move the mouse over the div.</span>
<span>&nbsp;</span>
</p>
<div></div>

<script>
$( "div" ).mousemove(function( event ) {
var $corX = $("(event.pageX)/10");
var $corY = $("(event.pageY)");
var $coloChange = $("rgb(" + $corx+ ", " + $corY + ",40)");
$("div").css"("background", "$colorChange");
});
</script>

最佳答案

很简单,您的代码几乎是正确的。 jquery 上的“变量”不一定需要 $,您可以查看更多详细信息 here ). :) 你可以看到here如何使用.pageX 和.pageY,也很简单。

这是你的代码,只是有点不同,现在可以工作了。

https://fiddle.jshell.net/on27dn0c/

附言您可以在 CSS 上使用过渡以获得更好的效果。

希望对您有所帮助。

关于jquery - 如何使用 mousemove 更改 div 的背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39418935/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com