Dieser Artikel beschreibt das benutzerdefinierte horizontale Scroll -Schrift -Plugin. Teilen Sie es für Ihre Referenz wie folgt weiter:
<script type = "text/javaScript"> $ (function () {var eineinstellungen = {Inhalt: "@@@@@@ Floating Text ####", Overstop: True, Width: "100px", targetId: "huangbiao", // Die Rückruffunktion Aftershow ist auf der Anlage: Funktion (obj) {obj.setting.width = "20PX"; ALERT ("DDD"); /* Prinzip Beschreibung: 1. Die obere Eltern-Div ist die versteckte Scroll-Stange 2. Die Breite der zweiten Stufe Div (die untergeordnete Div der oberen Eltern Div) beträgt 8000% 3. Es gibt zwei untergeordnete Divs auf der dritten Ebene, Div1 (Div1) (die am meisten links am links am links am links) und der Knotengehalt ist genau das gleiche, um das gleiche Schrot zu erhalten. Die Länge der oberen DIV -Scrollstange ist größer oder gleich dem Abstand der Bildlaufleiste der oberen Div. Lassen Sie den Abstand der Bildlaufleiste der oberen Div 0 */ Funktion fontmove (userSettingObj) {var that = this this; // Verwenden Sie den Zeitstempel als ID -Wert var timestamp = new Date (). GetTime (); this.etting = {// scrolling textinhaltsinhalt Inhalt: "schwimmender Text", // Die Breite der Bildlaufleiste wird Breite angezeigt: "200px", // Geschwindigkeit alle 30 Millisekunden: 30, // Ob der Maus-Suspensionsstopps, wahr ist, ist wahr, Falsch, das nicht stör. Wenn es gespeichert ist, wenn es "" "ist, wird der Standard am Ende des Body -Tags TargetID platziert:" ", onaftershow: function () {}}; // Erhalten Sie die Konfigurationsdatei des Benutzers. // Überprüfen Sie die Parameter der Konfigurationsdatei. }} this.remove = function () {$ ("#"+that.seting.objid) .remove (); } this.init = function () {// Alle Methoden zum Erhalten der Konfigurationsdatei sollen that.setting var domstr = '<div id = "'+ that.seting.objid+ '" style = "Überlauf: versteckt; Breite'+ '+'+ '+'+ '+' '+' '' style = "float: links;"> '+ that. '</div>'+ '</div>'; // beurteilen, ob der Ort des Inhalts angegeben ist, wenn ("" == that.seting.targetId) {$ ("Körper"). Append (domstr); } else {$ ("#"+that.seting.targetId) .html (Domstr); } // Content Container div var thatdiv = document.getElementById (that.seting.objid); // das erste untergeordnete Div auf der linken Var sondiv1 = document.getElementById (that.seting.objid + '_div1'); // das zweite untergeordnete Div auf der linken var sondiv2 = document.getElementById (that.seting.objid + '_div2'); this.marquee = function () {// Timer verwenden, um den Wert zu ändern // console.log ("thatdiv.scrollleft:" + thatdiv.scrollleft); // //sondiv1.Offsetwidth Der Wert ist fixiert // console.log ("sondiv1.offsetwidth:" + sondiv1.Offsetwidth. scrollbars // console.log ("sondiv1.scrollleft:" + sondiv1.scrollleft); // //Sondiv2.Offsetwidth -Wert wird fixiert // console.log ("Sondiv2.Offsetwidth:" + sondiv2.offsetwidTHTHTHTH). console.log ("Sondiv2.ScrollLeft:" + Sondiv2.Scrollleft); // ob der Abstand der oberen Div -Scrollbar größer ist als der horizontale Abstand des ersten untergeordneten Divs, dh, ob es größer ist als der tatsächliche Abstand des Inhalts, wenn (DIV.Scrollleft - Sondiv1.Offsetwidth> = 0) {// Die Länge des Scroll -Stabs wird erneut von 0 gelöscht. das div.scrollleft - Sondiv1.Offsetwidth; } else {thatdiv.scrollleft ++; }} var myvar = setInterval (that.marquee, that.seting.speed); // Die Maus wird suspendiert, ob Bewegung in der (that.seting.overstop) {thatdiv.onmouseover = function () {clearInterval (myvar);} thatdiv.onMouseout = function () {myvar = setInterval (Marquee, 30);}} if (typeof thatSetting.onafter.onafter == ") {{type.Setting.onafter ==") {{thatStting.onAfter == ")} {{myvar =="). that.setting.onaftershow.call (das, das); }} // Initialisierung this.init () beenden; // Geben Sie die Methode selbst zurück, damit alle Parameter, die dies konfigurieren, erhalten werden können. } </script>Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.