Este artículo describe el complemento JS Custom Horizontal Scrolling Font. Compártelo para su referencia, como sigue:
<script type = "text/javaScript"> $ (function () {var setting = {content: "@@@@@@ texto flotante ####", OverStop: true, width: "100px", targetid: "huangbiao", // la función de devolución de llamada después de la visualización está enftershow: function (obj) {obj.setting.width = "20px"; alerta ("DDDD"); /* Descripción del principio: 1. El Div principal de los padres es la barra de desplazamiento oculta 2. El ancho del segundo nivel DIV (el niño Div de la Div Div) Div) es 8000% 3. Hay dos Divs infantiles de tercer nivel, DIV1 (el más izquierdo) y DIV2 (el segundo izquierdo) y el contenido de nodo es exactamente el mismo, ambos flotan a la izquierda 4. Establecer un Timer y el Timer de Scroll de la Top Scroll a la barra de Scroll a la Barra de Scroll Top Scroll a la Barra de Scroll Top Scroll a la Barra de Scroll Top Scroll a la Barra de Scroll Top Scroll a la Barra Scroll Top. Longitud de la barra de desplazamiento Div Div es mayor o igual a la distancia de la barra de desplazamiento de la Div Top, deje que la distancia de la barra de desplazamiento de la Div Top Div sea 0 */ function Fontmove (UserSettingObj) {var that = this; // Use la marca de tiempo como el valor de ID var timestamp = new Date (). GetTime (); this.setting = {// Descripción de contenido de contenido de texto: "Texto flotante", // El ancho de la barra de desplazamiento se muestra ancho: "200px", // velocidad cada 30 milisegundos: 30, // Si la suspensión del mouse se detiene, verdadero es verdadero, falso no es-stap, predeterminado es verdadero Overstop: verdadero, // El valor de ID de ID de la identificación es objid: el tiempo de tiempo es el campo de tiempo, el punto de la superficie, el punto de vista predeterminado es verdadero, verdadero, verdadero, // El valor de ID de ID de la ID de ID es objid: el tiempo de tiempo es el espacio de tiempo de la superficie del espacio, el espacio de la superficie del espacio es almacenado, si es "", entonces el valor predeterminado se coloca al final de la etiqueta del cuerpo TargetId: "", onAfterShow: function () {}}; // Obtener el archivo de configuración del usuario este.setting = $ .extend (this.setting, User UserSettingObj); // verifique los parámetros del archivo de configuración this.checkparam = function () {} // Extension Plugin this.callback = function (myfun) {if (typeof myfun == "function") {// Esto es compatible con la devolución de llamada, por lo que necesita usar matriz myfun.call (eso); }} this.remove = function () {$ ("#"+that.setting.objid) .remove (); } this.init = function () {// Todos los métodos para obtener el archivo de configuración son para usar que.setting var domstr = '<div id = "'+ that.setting.objid+ '" style = "overflow: hidden; width:'+ that.setting.width+ '">'+ '<tiv>'+ '<div>'+ '<ivi ='+ que. estilo = "float: left;"> '+ that.setting.content+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div> '+' </div>+ '</div>'+ '</div>'+ '</div>'+ '</siv>' </divs> '+' </div> '+' </div> '+' '</div>'+ '</siv>' </Div>+ '+' </div> '+' </div> '+' </div> '+' </siv> '+' </Div>+ '+' </div> '+' </div> '+' </div> '+' </siv> '</Div>'+ '</div>'+ '</div>'+ '</div>'+ '</siv>'+ '</Div>+' </div> '</div>'+ '</div>'+ '</div>'; // juzga si la ubicación del contenido se especifica si ("" == that.setting.targetID) {$ ("cuerpo"). Append (domstr); } else {$ ("#"+that.setting.targetID) .html (domstr); } // Content Contener div var thatdiv = document.getElementById (that.setting.objid); // El primer niño div en la izquierda var sondiv1 = document.getElementById (that.setting.objid + '_div1'); // El segundo niño div en la izquierda var sondiv2 = document.getElementById (that.setting.objid + '_div2'); this.marquee = function () {// use temporizador para cambiar el valor // console.log ("thatDiv.scrollleft:" + thatdiv.scrollleft); // //sondiv1.offsetwidth el valor es fijo // console.log ("sondiv1.offsetwidth:" + sondiv1.offsetwidth); ///////el valor es siempre porque es 0 porque siempre es 0 porque es 0 porque siempre es 0 porque siempre es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque es 0 porque el valor es 0. scrollbars // console.log ("Sondiv1.scrollleft:" + Sondiv1.scrollleft); // //sondiv2.OffsetWidth Value es fijo // Console.log ("Sondiv2.OffSetwidth:" + Sondiv2.OffSetWidth); // // El valor siempre es 0 porque no tiene scrollbar ///// console.log ("Sondiv2.Scrollleft:" + Sondiv2.Scrollleft); // si la distancia de la barra de desplazamiento Div Div es mayor que la distancia horizontal del primer niño Div, es decir, si es mayor que la distancia real del contenido si (thatDiv.scrollleft - Sondiv1.OffSetWidth> = 0) {// La longitud de la barra de desplazamiento se despeja nuevamente por 0, que es equivalente a mostrar desde el primer divisor nuevamente y luego el desplazamiento de la izquierda. thatdiv.scrollleft - Sondiv1.OffSetWidth; } else {thatdiv.scrollleft ++; }} var myVar = setInterval (that.marquee, that.setting.speed); // El mouse está suspendido, si debe detener el movimiento if (that.setting.overstop) {thatDiv.onMouseOver = function () {ClearInterval (myVar);} thatDiv.onMouseOut = function () {myVar = setInterval (marquee, 30);}} if (typeOf that.setting.onaftershow eso.setting.onaftershow.call (que, eso); }} // termina la inicialización this.init (); // devuelve el método en sí, de modo que todos los parámetros que configuran esto se puedan obtener devuelve esto; } </script>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of JavaScript Algoritmos y técnicas de recorrido ", y" Resumen del uso de operaciones matemáticas de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.