تصف هذه المقالة المكوّن الإضافي لخط التمرير الأفقي JS Custom. شاركه للرجوع إليه ، على النحو التالي:
<script type = "text/javaScript"> $ (function () {var setting = {content: "@@@@@@floating text ##### "، overstop: true ، width:" 100px "، targetId: التنبيه (DDDD ") /* الوصف المبدأ: 1. الأصل العليا هو شريط التمرير المخفي 2. عرض المستوى الثاني Div (Div الطفل من أعلى الوالد Div) هو 8000 ٪ 3. هناك اثنين من divs من المستوى الثالث ، Div1 (الأكثر اليسار) و div2 (اليسار الثاني) ومحتوى العقدة هو نفسه بالضبط ، على حد سواء إلى اليسار 4. طول شريط التمرير العلوي Div أكبر من أو يساوي مسافة شريط التمرير في Div العلوي ، دع مسافة شريط التمرير من أعلى div تكون 0 */ function fontmove (UserSettingObj) {var that = this ؛ // استخدم الطابع الزمني كقيمة معرف var timestamp = new date (). getTime () ؛ هذا. تخزينه ، إذا كان "" "، فسيتم وضع الافتراضي في نهاية Target TargetId:" "، onaftershow: function () {}} ؛ // احصل على ملف تكوين المستخدم this.setting = $ .extend (this.setting ، userTeTtingObj) ؛ // تحقق من معلمات ملف التكوين this.checkparam = function () {} // extension plugin this.callback = function (myfun) {if (typeof myfun == "function") {// هذا يقف للاستدعاء ، لذلك تحتاج إلى استخدام الوالدين myfun.call (that) ؛ }} this.remove = function () {$ ("#"+that.setting.objid) .remove () ؛ } this.init = function () {// جميع الطرق للحصول على ملف التكوين هي استخدام ذلك. style = "float: left ؛"> '+ that.setting.content+' </viv> '+' </viv> '+' </viv> '+' </viv> '+' </viv> '+' </viv> '+' </viv> '+' </viv> '+' </fiv> '</viv> '</viv>'+ '</viv>'+ '</div>' ؛ // تحكم على ما إذا كان موقع المحتوى محدد إذا ("" == that.setting.targetId) {$ ("body"). append (domstr) ؛ } آخر {$ ("#"+that.setting.targetId) .html (domstr) ؛ } // Content Container div var thatdiv = document.getElementById (that.setting.objid) ؛ . . this.marquee = function () {// استخدم Timer لتغيير القيمة // console.log ("thatdiv.scrollleft:" + thatdiv.scrollleft) ؛ // //sondiv1.offsetWidth القيمة ثابتة // console.log ("sondiv1.offsetwidth: scrollbars // console.log ("sondiv1.scrollleft:" + sondiv1.scrollleft) ؛ // //sondiv2 console.log ("sondiv2.scrollleft:" + sondiv2.scrollleft) ؛ // ما إذا كانت مسافة شريط التمرير العليا Div أكبر من المسافة الأفقية للطفل الأول ، أي ما إذا كانت أكبر من المسافة الفعلية للمحتوى إذا تم مسح (thatdiv.scrollleft - sondiv1.offsetwidth> = 0) thatdiv.scrollleft - sondiv1.OffSetWidth ؛ } آخر {thatdiv.scrollleft ++ ؛ }} var myvar = setInterval (that.marquee ، that.setting.speed) ؛ // يتم تعليق الماوس ، سواء لإيقاف الحركة إذا (that.setting.overstop) {thatdiv.onmouseover = function () {clearinterval (myvar) ؛} thatdiv.onmouseout = function () {myvar = setInterval (marquee ، 30) ؛ that.setting.onftershow.call (ذلك ، ذلك) ؛ }} // الانتهاء من التهيئة this.init () ؛ // إرجاع الطريقة نفسها ، بحيث يمكن الحصول على جميع المعلمات التي تقوم بتكوين هذا ؛ } </script>لمزيد من المعلومات حول المحتوى المتعلق بـ javaScript ، يرجى مراجعة موضوعات هذا الموقع: "ملخص لتأثيرات وتقنيات تبديل JavaScript" ، "ملخص لمهارات خوارزمية بحث JavaScript" ، "ملخص لتأثيرات الرسوم المتحركة JavaScript و Techniques و" ملخص ". خوارزميات وتقنيات JavaScript Traversal "، و" ملخص استخدام العمليات الرياضية JavaScript "
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.