Sama seperti lapisan masking ditarik, sangat mudah untuk mengetahui apakah itu ditarik, tetapi tidak sesederhana itu di sini. Selain itu, saya memilih div yang lebih merepotkan untuk menghasilkan daripada menampilkan div yang ada. Berikut adalah beberapa poin yang membutuhkan perhatian khusus:
1. Setelah lapisan penutup muncul, bahkan jika mouse tidak bergerak, itu sudah ada di lapisan penutup dan tidak lagi memberikan area Div, jadi perhatikan posisi pemantauan;
2. Onmouseout dan Onmouseover keduanya dipicu secara instan, yang sangat penting;
3. Dalam aplikasi yang sebenarnya, tampilan div yang ada jelas jauh lebih efektif daripada penciptaan sementara;
Saya lebih baik menempatkan kode dengan cara ini. Bahkan, tempat sebelumnya tidak banyak berubah. Saya hanya merekam perubahan, di mana di mana pendengar Onmouseout ditambahkan?
var getOnediv = function () {var div = document.createElement ("div"); div.style.position = "absolute"; div.style.display = "block"; div.style.zindex = "10"; div.style.background = "kuning"; Div.addeventListener ("mouseout", function (event) {// Saya menambahkannya di sini, dan penilaian pemantauan di sini hampir sama dengan entri sebelumnya var x = event.clientx; var y = event.clienty; left = x-test.offsetleft; top = y-test.offsettop; kanan = test.offsetleft.offsetleft; top = y-test. BOWS = OFFSETTOP+TEST.OffSETHEIGHT-Y; Div.Style.Left = Test.Offsetleft+"PX"; if (div.Offsetleft> = Test.Offsetleft+test.OffsetWidth) {clearInter (ChangeWidth2) } if (paling tidak == 3) {} if (paling tidak == 4) {// Masuk ke kiri, lebar sebagai variabel global, kali ini terus mengurangi div.style.left = test.offsetleft+"px"; div.style.top = test.offsettop+"px"; div.style.height = test.offsetheight+"px"; div.style.width = lebar+"px"; var changeWidth1 = setInterval (function () {if (div.OffsetWidth <= 0) {clearInterval (changeWidth1); periksa = true; // Ini juga lebih kritis} else {width = width-10; div.style.width = width+"px";}}, 30); }}) return div; }Dengan cara ini, efek menandai dan masuk dicapai. Jika Anda melihatnya secara sederhana, itu memang dalam bentuk. Namun, harus dikatakan bahwa ini adalah implementasi yang sangat canggung. Berapa banyak poin yang belum ditambahkan, dan berapa banyak situasi yang belum dipertimbangkan. Selain itu, penulisan berulang kode ini, optimasi dan optimasi, noo ...