Este artículo describe la implementación simple de los efectos de las ventanas flotantes por JS. Compártelo para su referencia, como sigue:
Parte de HTML:
< xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> Title titleed Document </title> <style type = "text/css">*{margen margen; Padding: 0;} a img {border: 0;} </style> </head> <body> <div style = "altura: 2000px; fondos: #ccc; display: none;"> </div> <!-div ID = "floatad" style = "Position: fijo! IMPORTANTE; Posición: absoluta; _TOP: expresión (eval (document.DocumentElement.scrollTop+Document.DocumentElement.ClientHeight-this.OffsetHeTHight); No-repetición; style = "ancho: 26px; altura: 26px; float: right;"> </div> <div onClick = "open_online ();"> </div> </div> <div id = "floatside" style = "width: 141px; altura: 579px; posición: fijo! Importante; posición: absoluto; _TOP: Express (eval (document.documentElement.scrollTop+Document.DocumentElement.ClientHeight-this.OffsetHeTHight); onClick = "Open_Online ();> </div-> </body> </html> <script type =" text/javaScript "src =" en línea.js "> </script>JS PARTE:
// documento javascript // imagen publicitaria flotante var floatadimg = "imágenes/onlinesay.jpg"; // imagen de barra lateral flotante var floatsideimg = "Images/onlinetel.gif"; // Función de comunicación en línea abre Open_online () { Window.open ('http://p.qiao.baidu.com//im/index?siteid=7342332&ucid=7601325');} // documento publicitario flotante.writeLn ("<Div Id =/" Floatad/"Style =" Posición: fijo! Infantil; Posición: absoluta; _TOP: expresión (eval (document.documentElement.scrolltop+Document.DocumentElement.ClientHeight-this.OffsetHeTerEd); Ancho de referencia; style =/"ancho: 487px; altura: 320px; float: right;/" onClick =/"open_online ();/"> </div> "); document.writeLn (" </div> "); // flotante de la barra lateral. _TOP: Express (eval (document.documentElement.scrolltop+Document.DocumentElement.ClientHeight-this.OffsetHeTHight); onClick =/"Open_online ();/"> </div> "); // Cerrar la función publicitaria flotante CloseFad () {document.getElementById ('floatad'). style.display = 'none';} // Open Floating Ad Function showfloat () {document.getElementById ('floatad'). style.display = 'block';} // Abra la función de ventana showfloat () {document.getElementById ('floatad'). style.display = 'block';} // Abrir la ventana para 20 segundos y solo ejecutar setTimeout una vez (showfad, 20000); // setInterval (showfloat, 30000);Las representaciones son las siguientes:
Para obtener más información sobre el contenido relacionado con JavaScript, consulte los temas de este sitio: "Resumen del algoritmo y habilidades de traversal de JavaScript", "Resumen de JavaScript Cambio de efectos especiales y habilidades de algoritmo de búsqueda de JavaScript", "Resumen de los efectos especiales de animación de JavaScript y habilidades", "Summary of Javasscript y habilidades de debugging de Javugging", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", ",", "," "," "," " Estructuras y habilidades de algoritmo "y" Resumen del uso de la operación matemática de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.