تمامًا مثل رسم طبقة التصنيع ، من السهل جدًا معرفة ما إذا كانت مرسومة ، لكنها ليست بهذه البساطة هنا. علاوة على ذلك ، اخترت div أكثر إثارة للقلق لتوليدها بدلاً من عرض Div الحالي. فيما يلي بعض النقاط التي تحتاج إلى عناية خاصة:
1. بعد ظهور طبقة الغلاف ، حتى لو لم يتحرك الماوس ، فهو موجود بالفعل على طبقة الغلاف ولم يعد يعطي منطقة DIV ، لذا انتبه إلى وضع المراقبة ؛
2. يتم تشغيل OnMouseout و OnMouseover على الفور ، وهو أمر مهم للغاية ؛
3. في التطبيقات الفعلية ، يعد عرض DIVs الموجود أكثر فعالية من الخلق المؤقت ؛
من الأفضل أن أضع الرمز بهذه الطريقة. في الواقع ، لم يتغير المكان السابق كثيرًا. أنا أسجل التغييرات فقط ، وهو المكان الذي تتم فيه إضافة مستمع onMouseout؟
var getOnediv = function () {var div = document.createElement ("div") ؛ div.style.position = "absolute" ؛ div.style.display = "block" ؛ div.style.zindex = "10" ؛ div.style.background = "Yellow" ؛ div.addeventListener ("mouseout" ، function (event) {// لقد أضفته هنا ، والحكم على المراقبة هنا هو نفسه تقريبًا مثل الإدخال السابق var x = event.clientx ؛ var y = event.clienty ؛ left = x-test.offsetleft ؛ top = y-test.offsettop ؛ react.offsetleft+test.offsetwidth-x ؛ BOTTER = TEST. Div.Style. if (divsetleft> = testsetleft+test.offsetwh) {clearinterval ( } if (أقل == 3) {} if (أقل == 4) {// تسجيل الخروج إلى اليسار ، العرض كمتغير عالمي ، هذه المرة يقلل باستمرار div.style.left = test.offsetleft+"px" ؛ div.style.top = test.offsettop+"px" ؛ div.style.height = test.offsetheight+"px" ؛ div.style.width = width+"px" ؛ var changeWidth1 = setInterval (function () {if (div.offsetWidth <= 0) {clearinterval (changeWidth1) ؛ check = true ؛ }}) return div ؛ }وبهذه الطريقة ، يتم تحقيق تأثير العلامات والدخول. إذا نظرت إليها ببساطة ، فهي بالفعل في حالة جيدة. ومع ذلك ، يجب أن يقال أن هذا تطبيق خرقاء للغاية. كم عدد النقاط التي لم تتم إضافتها بعد ، وعدد المواقف التي لم يتم النظر فيها. بالإضافة إلى ذلك ، فإن الكتابة المتكررة لهذا الرمز ، والتحسين والتحسين ، لا ...