php 鼠标控制div,js创建div,并通过移动鼠标改变div属性来显示鼠标轨迹

摘要：html>

for(i=1;i<=100;i++){

for(j=1;j<=100;j++){html>

for(i=1;i<=100;i++){

for(j=1;j<=100;j++){

document.write('

}

draw = function(x){

x.style.background="blue";

}

document.write('

}

*{margin:0;padding: 0;}

div{width: 1px;height: 1px;background: #FFEFDB;float: left;}

p{

clear: both;

}

---------------------

思路：

1、用for循环嵌套for循环，输出100*100个div矩阵，设置宽高均为1像素；

2、用设置了clear属性的p标签实现矩阵换行；

3、鼠标进入div元素时，用mouseenter事件改变div背景

-------------------

效果图(浏览器放大五倍)

总结：

1、当js进入100*100的循环，浏览器反应速度明显变慢；

2、鼠标移动过快时，mouseenter事件未能执行

批改老师：欧阳批改时间：2019-04-01 09:53:10

老师总结：完成的不错，就是这个图形不怎么好看。继续加油。