Al igual que se dibuja la capa de enmascaramiento, es muy simple averiguar si se dibuja, pero no es tan simple aquí. Además, elegí un div más problemático para generar en lugar de mostrar el div. Aquí hay algunos puntos que necesitan atención especial:
1. Después de que aparece la capa de cubierta, incluso si el mouse no se mueve, ya está en la capa de cubierta y ya no da el área del DIV, así que preste atención a la posición de monitoreo;
2. On MouseOut y On Mouseover se activan al instante, lo cual es muy importante;
3. En aplicaciones reales, la visualización de los DIV existentes es definitivamente mucho más efectiva que la creación temporal;
Será mejor que ponga el código de esta manera. De hecho, el lugar anterior no ha cambiado mucho. Solo grabo los cambios, ¿que es donde se agrega el oyente de OnmouseOut?
var getOnediv = function () {var div = document.createElement ("div"); div.style.position = "Absolute"; div.style.display = "bloque"; div.style.zindex = "10"; div.style.background = "amarillo"; Div.adDeventListener ("Mouseout", function (event) {// lo agregué aquí, y el juicio de monitoreo aquí es casi el mismo que la entrada anterior var x = event.clientx; var y = event.clienty; izquierda = x-test.offsetleft; top = y-test.offsettop; derecha = test.offsetleft+test.offsetwidth-x; Bottle = test.Offsettop+test.OffsetHEight-y; Div.Style.left = test.OffSetLeft+"PX"; if (Div.OffSetLeft> = test.OffSetLeft+Test.OffSetWidth) {ClearInspal (ChangeWidth2); if (menos == 3) {} if (mínimo == 4) {// Firme a la izquierda, ancho como una variable global, esta vez reduce constantemente div.style.left = test.offsetleft+"px"; div.style.top = test.offsettop+"Px"; div.style.Height = test.Offsetheight+"Px"; div.style.width = ancho+"px"; var cambiawidth1 = setInterval (function () {if (div.offsetwidth <= 0) {clearInterval (ChangeWidth1); check = true; // Esto también es más crítico} else {width = width-10; div.style.width = width+"px";}}, 30); }}) return div; }De esta manera, se logra el efecto de marcar y entrar. Si lo miras simplemente, de hecho está en forma. Sin embargo, hay que decir que esta es una implementación extremadamente torpe. Cuántos puntos aún no se han agregado y cuántas situaciones no se han considerado. Además, la escritura repetida de este código, optimización y optimización, noo ...