javascript - Animate video scroller -
मेरे पास एक स्कॉलर आइकन वाला एक div है:
.ui-slider { शीर्ष: 0; ऊंचाई: 100%; बाएं: 0; सही: 0; चौड़ाई: 100%! महत्वपूर्ण; फ्लोट: कोई नहीं! महत्वपूर्ण; मार्जिन: 0 ऑटो! महत्वपूर्ण; स्थिति: पूर्ण; Z- सूचकांक: 1; प्रदर्शन क्षेत्र; स्थिति: रिश्तेदार; पाठ संरेखित करें: बायां; } .ui-slider-handle {स्थिति: पूर्ण; Z- सूचकांक: 2; चौड़ाई: 16px; ऊंचाई: 16px; कर्सर: डिफ़ॉल्ट; } मैं इसे कोड में इस तरह उपयोग करता हूं:
& lt; div class = "ui-slider" & gt; & Lt; a href = "#" वर्ग = "ui-slider-handle" style = "left: 0px;" id = "गिरावट" / & gt; & lt; / div & gt; मैं उपयोगकर्ता के माउस के साथ ui-slider-handle चेतन करना चाहता हूं (जैसे कि वीडियो मूवी में - तो वह उस पर स्क्रॉल कर सकता है)। कर्सर को उपयोगकर्ता के माउस या कुंजीपटल में सही कुंजी के साथ चलाना, div की चौड़ाई और फिल्म के आकार के लिए प्रासंगिक होना चाहिए। मैं यह कैसे कर सकता हूँ?
मुझे लगता है कि आप अपने div को स्थानांतरित करना चाहते हैं माउस के संबंध में, ठीक है, इसके लिए आपको माउस के अनुसार डिवा के बायीं और ऊपर सेट करना चाहिए। कुछ सोचें जैसे
jQuery (document) .ready (function () {$ (दस्तावेज़) .mousemove (function (e) {$ ('.ui-slider')। सीएसएस ({"top": e.pageY, "left": e.pageX});});})
Comments
Post a Comment