इस जावास्क्रिप्ट कोड एक एकल पाठ स्ट्रिंग को स्थानांतरित करेगा जिसमें कोई भी पाठ होता है जिसे आप बिना ब्रेक के एक क्षैतिज मार्की स्थान के माध्यम से चुनते हैं। यह स्क्रॉल की शुरुआत में पाठ स्ट्रिंग की एक प्रति जोड़कर करता है जैसे ही यह मार्की अंतरिक्ष के अंत से गायब हो जाता है। स्क्रिप्ट स्वचालित रूप से काम करती है कि यह सुनिश्चित करने के लिए कि आपको अपने मार्की में पाठ से बाहर कभी नहीं चलना है सामग्री की कितनी प्रतियां बनाने की आवश्यकता है।
इसमें मेरे उदाहरणों से कोड शामिल है, जो उन दो मार्के में प्रदर्शित करने के बारे में जानकारी रखने वाली दो नई मैक वस्तुओं को जोड़ता है। आप उनमें से एक को हटा सकते हैं और दूसरे को अपने पेज पर एक निरंतर मार्की प्रदर्शित करने के लिए बदल सकते हैं या फिर अधिक मार्केज़ जोड़ने के लिए उन कथनों को दोहरा सकते हैं। मार्कट को परिभाषित करने के बाद mqRotate फ़ंक्शन को पासिंग mqr कहा जाना चाहिए।
// निरंतर पाठ मार्की
// कॉपीराइट 30 सितंबर 2009 से स्टीफन चैपमैन
// http://javascript.about.com
// अपने वेब पेज पर इस जावास्क्रिप्ट का उपयोग करने की अनुमति दी गई है
// बशर्ते कि इस स्क्रिप्ट में नीचे के सभी कोड (इनमें शामिल हैं)
// comments) का उपयोग बिना किसी फेरबदल के किया जाता है
function objWidth (obj) {if (obj.offsetWidth) वापसी obj.offsetWidth;
if (obj.clip) वापसी obj.clip. उपलब्धता; वापसी 0;} var mqr = []; समारोह
mq (id) {this.mqo = document.getElementById (id); var चौड़ी =
objWidth (this.mqo.getElementsByTagName ('स्पैन') [0]) + 5; var फुलविद =
objWidth (this.mqo); var txt =
this.mqo.getElementsByTagName ( 'काल') [0] .innerHTML; this.mqo.innerHTML
= ''; var heit = this.mqo.style.height; this.mqo.onmouseout = function ()
{mqRotate (mqr);}; this.mqo.onmouseover = function ()
{क्लियरटाइम (mqr [0] .TO);}; this.mqo.ary = []; var maxw =
मठ.सिल (फुलविद / चौड़ा) +1; के लिए (var i = 0; मैं <
maxw; i ++) {this.mqo.ary [i] = document.createElement ( 'div');
this.mqo.ary [i] .innerHTML = txt; this.mqo.ary [i] .style.position =
'पूर्ण'; this.mqo.ary [i] .style.left = (चौड़ा * i) + 'px';
this.mqo.ary [i] .style. उपलब्धता = चौड़ा + 'px'; this.mqo.ary [i] .style.height =
heit; this.mqo.appendChild (this.mqo.ary [i]);} mqr.push (this.mqo);};
function mqRotate (mqr) {अगर (! mqr) वापसी; के लिए (var j = mqr.length - 1; जे
> -1; j--) {maxa = mqr [j] .ary.length; के लिए (var i = 0; imqr [j] .ary [i] .स्टाइल; x.left = (parseInt (x.left, 10) -1) + 'px';} var y =
एमक्यूआर [जे] .ary [0] .style; अगर (parseInt (y.left, 10) + parseInt (y.width, 10) <0)
{var z = mqr [j] .ary.shift (); z.style.left = (parseInt (z.style.left) +
parseInt (z.style. उपलब्धता) * मैक्सा) + 'px'; mqr [j] .ary.push (z);}}
mqr [0] .TO = setTimeout ('mqRotate (mqr)', 10);};
मार्की के लिए वास्तविक पाठ सामग्री एक स्पैन टैग में div के अंदर जाती है। स्पैन टैग की चौड़ाई वह है जो मार्की में सामग्री के प्रत्येक पुनरावृत्ति की चौड़ाई के रूप में उपयोग की जाएगी (प्लस 5 पिक्सल सिर्फ उन्हें एक दूसरे से अलग करने के लिए)।
अंत में, सुनिश्चित करें कि पेज लोड होने के बाद mq ऑब्जेक्ट को जोड़ने के लिए आपके जावास्क्रिप्ट कोड में सही मान हैं।
अतिरिक्त मार्केज़ जोड़ने के लिए, आप HTML में अतिरिक्त डिव सेट कर सकते हैं, प्रत्येक स्पैन के अंदर अपना स्वयं का टेक्स्ट कंटेंट दे सकते हैं; यदि आप मार्केज़ को अलग तरह से स्टाइल करना चाहते हैं तो अतिरिक्त कक्षाएं सेट करें; और कई नए mq जोड़ें () स्टेटमेंट जैसे कि आपके पास मार्केज़ हैं। सुनिश्चित करें कि mqRotate () कॉल हमारे लिए मार्के को संचालित करने के लिए उनका अनुसरण करता है।