का उपयोग कर माउस पॉइंटर बदलें मैं जावास्क्रिप्ट का उपयोग करके अपनी वेबसाइट पर माउस पॉइंटर बदलने के लिए एक स्क्रिप्ट का उपयोग करना चाहता था। यह सीएसएस द्वारा बेहतर किया जाता है लेकिन मेरी आवश्यकता एक स्क्रिप्ट का है जिसे कई लोगों को उनकी वेबसाइटों के मुख्य अनुभाग में एम्बेड करने के लिए वितरित किया जा सकता है। सीएसएस के माध्यम से, इसजावास्क्रिप्ट
html
{
cursor: *cursorurl*
}
द्वारा जावास्क्रिप्ट में भी ऐसा ही करने के लिए हेरफेर किया जा सकता?
जावास्क्रिप्ट सीएसएस में हेरफेर करने में बहुत अच्छा है।
document.body.style.cursor = *cursor-url*;
//OR
var elementToChange = document.getElementsByTagName("body")[0];
elementToChange.style.cursor = "url('cursor url with protocol'), auto";
या jQuery के साथ:
$("html").css("cursor: url('cursor url with protocol'), auto");
फ़ायरफ़ॉक्स काम नहीं करेंगे जब तक कि आप imaged एक के बाद एक डिफ़ॉल्ट कर्सर निर्दिष्ट !!
भी याद रखें कि IE6 केवल .cur and .ani cursors का समर्थन करता है। इस पेज पर
working sample:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>First jQuery-Enabled Page</title>
<style type="text/css">
div {
height: 100px;
width: 1000px;
background-color: red;
}
</style>
<script type="text/javascript" src="jquery-1.3.2.js"></script></head>
<body>
<div>
hello with a fancy cursor!
</div>
</body>
<script type="text/javascript">
document.getElementsByTagName("body")[0].style.cursor = "url('http://wiki-devel.sugarlabs.org/images/e/e2/Arrow.cur'), auto";
</script>
</html>
document.body.style.cursor = 'cursorurl';
मेरे लिए काम नहीं कर रहा है, केवल सीएसएस के साथ ... –
देखो: http://www.webcodingtech.com/javascript/change-cursor.php। ऐसा लगता है कि आप शैली के कर्सर को एक्सेस कर सकते हैं। यह पृष्ठ पूरे पृष्ठ के साथ किया जा रहा है, लेकिन मुझे यकीन है कि एक बच्चा तत्व भी काम करेगा।
document.body.style.cursor = 'wait';
यह काम करता है, जिस आधार पर कर्सर वास्तव में स्थानांतरित होता है, अन्यथा यह मौजूदा कर्सर – s1cart3r
यह होगा:
elementsToChange.style.cursor = "http://wiki-devel.sugarlabs.org/images/e/e2/Arrow.cur";
के साथ रहता है जो मेरे लिए कर्सर नहीं बदल रहा है: - | यहां-> http://textb.in/39 – Cipher
या आप यह कर सकते:
document.getElementById("id_of_target_element").setAttribute("style", "cursor:url(path_to_file.cur);")
कभी कभी के लिए, target_element.style.property = value, मेरे लिए काम नहीं किया है मेरे कारण अज्ञात कारणों से ...
मैंने इस <स्क्रिप्ट टाइप = "टेक्स्ट/जावास्क्रिप्ट"> var elementsToChange = document.getElementsByTagName ("html") [0] की कोशिश की; तत्वों ToChange.style.cursor = (http://wiki-devel.sugarlabs.org/images/e/e2/Arrow.cur); यह मुझे एक त्रुटि दे रहा था। मुझे माफ़ कर दो, मैं वास्तव में जेएस के लिए बिल्कुल नया हूँ। – Cipher
@user क्षमा करें, उत्तर संपादित करें। आपको url ('') जोड़ने और उद्धरण चिह्नों के बीच वास्तविक यूआरएल डालना होगा। : डी –
हे! मदद के लिए धन्यवाद। मैंने इसे बदल दिया लेकिन यह अभी भी मेरे लिए काम नहीं कर रहा है। यहां-> http://textb.in/3a – Cipher