क्या jquery के साथ टेक्स्ट की प्रत्येक पंक्ति को एनिमेट करना संभव है?

Question

क्या jquery में एक समय में टेक्स्ट एक पंक्ति प्रकट करना संभव है? मुझे पता है कि यह फ़्लैश में किया जा सकता है मेरे पास एक उदाहरण है http://iliketoplay.dk/#/blog/deff। वीडियो खेलने पर, माउस एक सर्कल पर क्लिक करता है जो एक बॉक्स खोलता है जिसमें टेक्स्ट होता है लेकिन टेक्स्ट की प्रत्येक पंक्ति एक बार में एक शानदार दिखने वाले प्रभाव के साथ प्रदर्शित होती है। क्या इसे फिर से बनाया जा सकता है?

Answer 1

यह एक समस्या नहीं होनी चाहिए, लेकिन समाधान अपने इनपुट प्रारूप पर निर्भर करता है।

var lines = text.split("\n"); 

तो फिर तुम प्रत्येक लाइन के साथ कुछ कर सकते हैं के रूप में आप की इच्छा है, जैसे:

var timer, 
    displayLine = function(){ 
    var nextLine = lines.shift(); 
    if(nextLine){ 
     var newLine = $('<span class="initState">' + nextLine + '</span>'); 
     $('#someContainer').append(newLine); 
     newLine.animate({ [PUT SOME ANIMATION HERE] }, 1000); 
     } 
     timer = setTimeout(displayLine,3000); 
    } 
    } 
timer = setTimeout(displayLine,3000); 

पूर्ण उदाहरण यहाँ देखें आप हिस्सा ऊपर लाइनों में पाठ जो इस तरह किया जा सकता है की जरूरत है: http://jsfiddle.net/7dd52/

Answer 2

तुम बस प्रत्येक पंक्ति के लिए div का उपयोग और फिर चेतन है कि कुछ ...

<div class="first">first line</div> 
<div class="second">second</div> 

$(".first").animate({'left':'-15px'}, 1000);