1. घर
  2. सवाल और जवाब
  3. वेब पेज पर गोलाकार रूप से पाठ को स्थानांतरित करना

वेब पेज पर गोलाकार रूप से पाठ को स्थानांतरित करना

2012-10-30 17 views
7

मैं वेब पेज डिज़ाइन कर रहा हूं जहां मुझे स्क्रीन के दाईं ओर मॉनीटर स्क्रीन के बाईं तरफ टेक्स्ट ले जाने की आवश्यकता है। मैंने <marquee> टैग के साथ प्रयास किया है। यह बिना किसी त्रुटि के काम कर रहा है।वेब पेज पर गोलाकार रूप से पाठ को स्थानांतरित करना

मेरी आवश्यकता तब होती है जब भी वेब पेज के दाईं ओर टेक्स्ट गायब होने वाला होता है, इसे पृष्ठ के बाईं ओर से बाहर आने लगना चाहिए। यह सभी पाठ गायब होने की प्रतीक्षा नहीं करनी चाहिए और फिर बाईं ओर से शुरू करना चाहिए।

अभी तक मैं इसे केवल <html> का उपयोग करके कर रहा हूं। कृपया अन्य तरीकों का भी सुझाव दें।

स्रोत

2012-10-30 Prathamesh

+0

@ जो भी इसे बंद करने के लिए मतदान किया। क्या आप समझा सकते हैं कि आपको क्यों लगता है कि यह वास्तविक सवाल नहीं है इसलिए ओपी इसे बेहतर बना सकता है। –

+0

पता नहीं कौन इसे बंद कर दिया लेकिन '' एक गैर-मानक टैग है। इसे डब्ल्यू 3 सी द्वारा बहिष्कृत किया गया है और किसी भी एचटीएमएल दस्तावेज़ों में उपयोग के लिए उनके द्वारा सलाह नहीं दी गई है। – Andy

+2

संभवतः डुप्लिकेट [जावास्क्रिप्ट मार्की टैग्स को प्रतिस्थापित करने के लिए] [http://stackoverflow.com/questions/337330/javascript-marquee-to-replace-marquee-tags) – Alohci

उत्तर

3

यह जावास्क्रिप्ट का उपयोग करने के लिए संभव है:

पाठ की दो प्रतियां कंटेनर की चौड़ाई द्वारा अलग स्क्रॉल किया जा रहा है। (बाएं प्रति दृश्यमान) से एनिमेट करें (दाएं प्रतिलिपि बनाएँ), फिर वापस कूदें और दोहराएं।

की तर्ज पर कुछ (अपरीक्षित, jQuery का उपयोग):

<div class="outer"> 
    <div class="inner"> 
    some text 
    </div> 
</div>

सीएसएस:

.outer, .inner { 
    width: 100%; 
} 
.outer { 
    position: relative; 
    overflow: hidden; 
} 
.inner { 
    position: absolute; 
}

js:

(function rerun(){ 
    var time = 10000 //ms 

    $(".inner").slice(0,-1).remove() 
    $i1=$(".inner") 
    $i2=$i1.clone() 

    $i1.css({left:0}).animate({left:"-100%"}, time) 
    $i2.insertAfter($i1).css({left:"100%"}).animate({left:0}, time, rerun) 
})()

इस तरह पाठ पर प्रदर्शित होने शुरू कर देना चाहिए जैसे ही यह दाएं तरफ गायब हो जाता है, ठीक है। एक अलग प्रभाव प्राप्त करने के लिए सापेक्ष चौड़ाई को संशोधित करें।

स्रोत

2012-10-30 15:36:13

+0

यह बात बहुत तेजी से उड़ रही है, और पेज के लिए स्क्रॉल बार लगातार इसका उपयोग कर पागल हो रहा है =/ – Maslow

+0

@ मास्लो स्क्रॉल बार 'ओवरफ्लो: छुपा' के साथ तय किया गया है; स्वीकार्य रूप से, 600 मिलीसेकंड का डिफ़ॉल्ट स्क्रॉलिंग समय भी बहुत छोटा था। ध्यान देने के लिए धन्यवाद –

संबंधित मुद्दे

 संबंधित मुद्दे