<marquee> एचटीएमएल टैग उपयोग/प्रतिलिपि

Question

मुझे पता है कि <marquee> टैग बुरा हैं।
यदि स्क्रॉलिंग टेक्स्ट होना इतना बुरा है, तो उसी प्रभाव को प्राप्त करने के लिए जेएस का उपयोग करना इसे बेहतर नहीं बनाता है, है ना?

और लगता है मैं कुछ स्क्रॉल पाठ (हांफी) करने का निर्णय लिया है, वहाँ सीएसएस (3?) या HTML (5?) यह करने के लिए जिस तरह से किसी प्रकार की है कि तकनीकी रूप से सही नहीं है (यानी पदावनत नहीं) है?

, अगर वहाँ एक सीएसएस/HTML समाधान नहीं है का उपयोग करना चाहिए:

• जावास्क्रिप्ट, जो डाउनलोड करने के लिए भारी हो जाएगा और बंद किया जा सकता है (? यह है कि एक समर्थक या एक चोर), लेकिन मैं, W3C सही और वैध और गैर पदावनत और स्मार्ट होने का बोनस प्राप्त

या मैं

• नफरत <marquee> (< झपकी का उपयोग करना चाहिए +०१२३५८३११७< ब्लिंक >) टैग, जो लाइटवेट (1 9 बाइट्स!) है, सभी प्रतिपादन मोड और सभी सिद्धांतों में सभी ब्राउज़रों द्वारा पूरी तरह से समर्थित है (भले ही यह नहीं होना चाहिए), लेकिन इसे हटा दिया गया है?

धन्यवाद।

पीएस मुझे लगता है कि एक समाचार टिकर मार्की-शैली
पी.पी.एस. के लिए एक वैध उपयोग है। अगर कोई मुझे बताता है कि अगर मैं भारी जावास्क्रिप्ट समाधान नहीं चाहता हूं तो मुझे JQuery का उपयोग करना चाहिए क्योंकि यह हल्का वजन है, मैं उन्हें टिप्पणियों में शूट करूंगा

संपादित करें: मैं JQuery टैग जोड़ रहा हूं क्योंकि यह सबसे अच्छा प्रतीत होता है जेएस प्रश्नों पर बहुत से विशेषज्ञों से ध्यान आकर्षित करने का तरीका, और यह यहां पूरी तरह से असंबंधित नहीं है।

Answer 1

यह बुरा नहीं है। मार्की, ब्लिंक और फ़ॉन्ट टैग के साथ समस्या यह है कि वे प्रेजेंटेशन को आपकी सामग्री की संरचना नहीं देते हैं।

Answer 2

यदि आप सुनिश्चित हैं कि यह उन सभी प्लेटफॉर्म पर काम करता है जिनके लिए आप लक्ष्य रखते हैं, और आपको परवाह नहीं है कि डब्ल्यू 3 सी कहता है कि आप निश्चित रूप से मार्की टैग का उपयोग कर सकते हैं। ऐसा कोई तरीका नहीं है कि आप एक जावास्क्रिप्ट समाधान ढूंढ सकें जो 14 बाइट से कम में काम करता है।

एकमात्र दुर्भाग्यपूर्ण बात यह है कि इन सभी ब्राउज़रों का कारण इन सभी बहिष्कृत तत्वों का समर्थन करता है- इस मामले में- किसी भी एचटीएमएल मानक का हिस्सा भी नहीं है, इन सभी लोगों का उपयोग इन तत्वों का उपयोग करना और एक नया होने पर चमकना शुरू करना है संस्करण अब उनकी 1982 अनुपालन वेबसाइट का समर्थन नहीं करता है।

तो कृपया आगे बढ़ें और जब तक यह आपके लिए काम करता है तब तक मार्की का उपयोग करें, लेकिन अगर आप साइट किसी नए ब्राउज़र में काम करना बंद कर देते हैं तो कृपया शिकायत न करें।

Answer 3

CSS3 के मार्की के लिए समर्थन है, लेकिन यह केवल कुछ ब्राउज़रों में समर्थित है (Safari और Chrome मेरी जानकारी के लिए, केवल एक ही कर रहे हैं)

http://www.w3.org/TR/css3-marquee/

कई JQuery प्लगइन्स है कि यह पूरा कर रहे हैं, लेकिन वे लोड हो रहा है JQuery की कीमत पर आ (26KB, एचटीएमएल एकमात्र समाधान की तुलना में भारी है, लेकिन नहीं मैं भारी क्या कहेंगे)

http://plugins.jquery.com/plugin-tags/marquee

बेशक

आप इसे अपने आप को आसानी से कर सकते w JQuery के बिना, लेकिन उन प्लगइन को देखकर आप विचार दे सकते हैं।

विचार करने का एक और विकल्प एक छोटी फ्लैश एनीमेशन करना है।

Answer 4

Here's the code जो फ़ायरफ़ॉक्स में मार्की तत्व लागू करता है, यह मूल रूप से इसे जावास्क्रिप्ट में कर रहा है ताकि आप हमेशा उस कोड को अनुकूलित कर सकें और सीधे सभी ब्राउज़रों में इसका उपयोग कर सकें।

कोड को चारों ओर हैक किया जा सकता है ताकि मार्केट को फ़ायरफ़ॉक्स में किसी भी तत्व पर लागू किया जा सके, सीएसएस और एक्सबीएल बाइंडिंग (Firefox only example) के माध्यम से लागू किया जा सके। IE में समतुल्य behaviours होगा, और आप निकारी के रूप में सफारी/क्रोम में CSS3 का उपयोग कर सकते हैं और आप प्रस्तुतिकरण सामग्री को अपने मार्कअप से बाहर रखेंगे, लेकिन केवल आप ही जान सकते हैं कि यह प्रयास के लायक है या नहीं।

Answer 5

मैं सबसे कुशल और क्रॉस-ब्राउज़र तलाश रहे हैं मार्की कार्यान्वयन का समर्थन किया। किसी भी कारण से, वेबकिट सीएसएस मार्की कार्यान्वयन भी गड़बड़ है।

सामान्य दृष्टिकोण तत्व की सीएसएस मार्जिन संपत्ति समायोजित करने के लिए टाइमर (या jQuery एनिमेट कार्यान्वयन) का उपयोग करना है। यह बहुत गड़बड़ और बहुत अक्षम है। मैं कार्यान्वयन के साथ आया जो ब्राउज़र का समर्थन करने वाले ब्राउज़र के लिए CSS3 संक्रमण का उपयोग करता है और अन्यथा युक्त तत्व की scrollLeft संपत्ति को एनिमेट करता है। यह एक प्रयोगात्मक कार्यान्वयन है, हालांकि यह आईई 7 + के साथ अच्छी तरह से काम करता है। अन्य लोगों को यह भी उपयोगी हो सकता है, https://github.com/gajus/marquee (डेमो https://dev.anuary.com/60244f3a-b8b2-5678-bce5-f7e8742f0c69/)।

Answer 6

हाल ही में, मैं एक ग्राहक के लिए इस आशय करना था और मैं इस प्लगइन जो बहुत आसान है का उपयोग किया है का उपयोग करें:

jQuery Marquee plugin on github

jQuery Marquee on plugins.jquery.com