تصف هذه المقالة التنفيذ البسيط لتأثيرات النوافذ العائمة بواسطة JS. شاركه للرجوع إليه ، على النحو التالي:
جزء HTML:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> undled document </title> <style type = "text"> Padding: 0 ؛} A img {border: 0 ؛} </style> </head> <body> <div style = "الارتفاع: 2000px ؛ الخلفية: #ccc ؛ العرض: لا شيء ؛"> </div> <!-div id = "floatad" _TOP: eval (document.documentelement. عدم التكرار ؛ style = "العرض: 26px ؛ الارتفاع: 26px ؛ تعويم: يمين ؛"> </div> <div onClick = "Open_Online () ؛"> </viv> </div> <div id = "floatside" style = "العرض: 141px ؛ الارتفاع: 579px ؛ الموضع! _top: eval (document.documentelement. onClick = "Open_Online () ؛> </viv-> </body> </html> <script type =" text/javaScript "src =" online.js "> </script>جزء JS:
// javaScript document // floating deverizing image var floatadiMg = "Images/onlinesay.jpg" ؛ // floating frofbar image var floatsideimg = "images/onlinetel.gif" ؛ window.open ('http://p.qiao.baidu.com//im/index؟siteid=7342332&UCID=7601325') ؛} // document document. _TOP: eval (document.documentelement. عدم التكرار: 487 بكسل ؛ style =/"العرض: 487px ؛ الارتفاع: 320px ؛ تعويم: يمين ؛/" onClick =/"Open_Online () ؛/"> </div> ") ؛ document.writeln (" </div> ") ؛ // floating sidebar document.writeln ( _top: eval (document.documentelement.scrolltop دالة الإعلان العائمة CLOSEFAD () {document.getElementByID ('floatad'). style.display = 'none' ؛} // Open floating ad function showfad () {document.getElementById ('floatad') .display = 'block' ؛ document.getElementById ('floatad'). style.display = 'block' ؛} // افتح وظيفة النافذة showfloat () {document.getElementByid ('floatad'). style.display = 'block' ؛العروض كما يلي:
لمزيد من المعلومات حول المحتوى المتعلق بـ JavaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص خوارزمية JavaScript Traversal Whiberithm" ، ملخص JavaScript Switching المؤثرات الخاصة والمهارات "، ملخص JavaScript Skillings" المهارات المخصصة "،" ملخص "المهارات المخصصة" ، ". ومهارات الخوارزمية "و" ملخص استخدام العملية الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.