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

标签 jquery css

我希望将鼠标坐标导入到 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/

相关文章:

javascript - 使用 jQuery 在不同的 `div` 之间标记一行

javascript - jquery 中包含另一个溢出元素的元素

javascript - 对预建表实现属性

css flexbox等高列不起作用

css - html元素有双框阴影效果吗?

asp.net - 如何在中心对齐 asp.net 标签文本

html - HTML 中图像横幅顶部的 CSS 背景图像?

c# - @Html.RadioButtonFor 默认为未选中

javascript - 在 jQuery 中几秒后显示和隐藏 div

javascript - 如何在 jQuery 中的页面加载和 onclick 之后执行某些操作?