美文网首页
鼠标事件以及随机颜色

鼠标事件以及随机颜色

作者: pride_ | 来源:发表于2018-08-22 00:08 被阅读0次

案例

有一块空白区域, 当鼠标移动到区域内,显示"亲爱的, 我爱你", 当我鼠标移开的时候,显示"对不起, 开玩笑", 当我鼠标不停的在区域内移动的时候, 变换随机颜色(随机十六进制的颜色:#FFFFFF)

在写js之前先将html以及css内容写好,在这基础上进行js操作

由于题目需求一个白色的区域块。所以html以及css样式比较简单

接下来进行js操作

其中通过.innerHTML将box内容改变

再通过onmouseenter鼠标移入以及onmouseleave鼠标移出完成以上图片的功能

相关文章

  • 鼠标事件以及随机颜色

    案例 有一块空白区域, 当鼠标移动到区域内,显示"亲爱的, 我爱你", 当我鼠标移开的时候,显示"对不...

  • 事件的分类

    事件分为鼠标事件,键盘事件,表单事件以及移动端事件,今天主要介绍一下鼠标键盘以及表单事件 鼠标事件 redDiv....

  • pygame应用(鼠标事件和键盘事件)

    鼠标事件的应用: 动画效果 通过键盘控制产生随机颜色的的球, 再通过键盘的的上下左右控制球的运动轨迹 鼠标点击产生...

  • Day_11 pygame

    pygame事件,鼠标事件与键盘事件 鼠标事件的应用 结果:点击click随机生成一个球 click按钮内不产生...

  • Day-19 pygame相关操作

    鼠标相关事件 期间封装一个颜色类 按钮

  • 监听鼠标事件

    简单认识一下鼠标事件应用和调试方式,以及鼠标事件函数应用方式 1、按下鼠标 当我们点击鼠标时候,浏览器控制台会打印...

  • DOM 事件

    鼠标触发事件 onmousedown、onmouseup 以及 onclick onmouseover 和 onm...

  • js 与 jquery

    图片 mylib颜色随机 延迟跳转 轮翻界面 按钮事件 增加删除事件 恶意广告事件 表格和AV事件 图片事件 小圆...

  • day11 Pygame Ⅱ 事件处理2018-07-30

    一、Pygame中的事件 鼠标事件和键盘事件   监测鼠标、键盘事件 鼠标事件 键盘事件   二、鼠标事件的应用1...

  • 2018-11-07 JavaScript

    Web事件 鼠标点击事件:click鼠标悬停事件:hover鼠标移走事件:mouseout鼠标提交事件,触发JS函...

网友评论

      本文标题:鼠标事件以及随机颜色

      本文链接:https://www.haomeiwen.com/subject/gyadiftx.html