onmouseover事件

小咪咪 2022-06-16 08:28 156阅读 0赞

![复制代码][copycode.gif]

1 function create(mouse){
     2     var num=44;
     3     var bgcolor='#';
     4     var body=document.getElementsByTagName('body')[0];
     5     var div=document.getElementsByTagName('div');
     6 //    var scr_x=document.documentElement.scrollLeft;
     7 //    var scr_y=document.documentElement.scrollTop;
     8     var arr=new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
     9     for (var i=0;i<6;i++) {
    10         var index=Math.floor(Math.random()*arr.length);
    11         bgcolor+=arr[index];        
    12     }    
    13     for (var j=0;j<num;j++) {
    14         var rand=Math.random()*40;
    15         div[j]=document.createElement('div');
    16         body.appendChild(div[j]);
    17         div[j].style.position='absolute';//必不可少，否则不随鼠标移动
    18         div[j].style.width=div[j].style.height=rand+'px';
    19         div[j].style.borderRadius='50%';
    20         div[j].style.backgroundColor=bgcolor;
    21         div[j].style.opacity=Math.random();24         div[j].style.left=mouse.clientX+rand*i+'px';
    25         div[j].style.top=mouse.clientY+Math.random()*40*i+'px';        
    26     }
    27 }
    28 document.οnmοusemοve=create;

![复制代码][copycode.gif]

[copycode.gif]: /images/20220616/9da1353be7d2429cb05c3e60b2255c6b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，156人围观）

还没有评论，来说两句吧...

相关阅读

相关事件绑定(onmouseout,onmouseover)

事件绑定(onmouseout,onmouseover) 学习路线：[JavaScript基础语法（输出语句）][JavaScript]\->[JavaScript基础语

朱雀/ 2024年03月31日 13:32/ 0 赞/ 53 阅读

相关 onmouseover+onmouseout ：表格隔行变色

表格隔行变色 <!DOCTYPE html> <html lang="en"> <head> <meta charset

灰太狼/ 2023年10月03日 14:50/ 0 赞/ 30 阅读

相关鼠标事件：onclick、onmousedown、onmouseup、onmouseover、onmouseout、onmouseenter、onmouseleave、鼠标的按键、 div简单拖拽

鼠标事件： onclick：在鼠标左健点击弹起之后触发的事件，即一次完整的鼠标点击过程。过程完成瞬间触发函数。 onmousedown：事件会在

谁践踏了优雅/ 2023年06月03日 11:54/ 0 赞/ 11 阅读

相关 Uncaught TypeError: Cannot set property ‘onmouseover‘ of undefined（数组越界问题）

如果调用函数的过程中数组越界就会报错。 <!DOCTYPE html> <html lang="en"> <head> <meta

我就是我/ 2022年09月12日 13:47/ 0 赞/ 120 阅读

相关 onmouseover事件

![复制代码][copycode.gif] 1 function create(mouse){ 2 var num=44; 3 v

小咪咪/ 2022年06月16日 08:28/ 0 赞/ 157 阅读

相关 JavaScript中的onmouseover事件和onmouseout事件实例

目录 JavaScript事件 onmouseover事件 onmouseout事件： onmouseover和onmouseout事件结合案例： HTML部分 C

叁歲伎倆/ 2022年05月10日 11:54/ 0 赞/ 447 阅读

相关对比onmouseover和onmouseenter

对比onmouseover和onmouseenter onmouseover和onmouseenter都属于事件类型，都是用来代表鼠标移入的，但是两者有什么区别呢？今天就

Bertha 。/ 2022年03月24日 15:24/ 0 赞/ 461 阅读

相关 03JavaScript程序设计修炼之道_2019-06-18_20-39-14_事件onload&onmouseover&out

02onload.html ![1603260-20190619201014930-598395536.png][] ![1603260-20190619201

╰半夏微凉°/ 2022年01月05日 11:43/ 0 赞/ 165 阅读

相关 Ie onmouseover与onmouseout解析问题

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code <html> <head

旧城等待，/ 2021年12月12日 03:05/ 0 赞/ 267 阅读

相关事件冒泡以及onmouseenter 和 onmouseover 的不同

1、onmouseover、onmouseout：鼠标经过时自身触发事件，经过其子元素时也触发该事件；（父亲有的东西，儿子也有） 2、onmouseenter、onmous

- 日理万妓/ 2021年09月27日 12:10/ 0 赞/ 310 阅读