मैंने एक छवि युक्त एक साधारण div को कोड किया हैजो माउस कर्सर का पालन करता है जब माउस jQuery के mousemove प्रॉपर्टी का उपयोग कर div के भीतर मौजूद होता है। यह बहुत अच्छा काम करता है, सिवाय इसके कि मैं छवि को डिफ़ॉल्ट रूप से छुपाया जाना चाहूंगा, और जब माउस मौजूद होता है तब केवल तब दिखाई देगा (और फिर जब माउस फिर से गायब हो जाता है।) इसे आम तौर पर होवर प्रॉपर्टी के साथ संभाला जा सकता है, लेकिन यह मूसमॉव संपत्ति के साथ रखे जाने पर काम नहीं करता है। कोई विचार? यहां मूल कोड है जिसका मैं इस समय उपयोग कर रहा हूं:
$(".containerDIV").mousemove(function(e) {$(".image").css({"left" : e.pageX+"px",});});
यहां एक डेमो पृष्ठ है: http://www.fluidweb.ca/movingImage
सहायता के लिए धन्यवाद!
एंड्रयू
उत्तर:
जवाब के लिए 2 № 1यह शायद बाध्य करने के लिए सबसे अच्छा होगा jQuery.mousenter
तथा jQuery.mouseleave
खुद div को घटना।
$("div.containerDIV").mouseenter(function(){
$("img.sun").show();
}).mouseleave(function(){
$("img.sun").hide();
});
जवाब के लिए 0 № 2
बस आसान:
$("div.containerDIV").hover(function(e){
$("img.sun")[e.type === "mouseenter" ? "show" : "hide"]();
});