जावास्क्रिप्ट के साथ उचित होवर प्रभाव - जावास्क्रिप्ट, एचटीएमएल, सीएसएस, जावास्क्रिप्ट-घटनाओं, होवर

मुझे जावास्क्रिप्ट के साथ कुछ मदद की आवश्यकता है। मैं एक छोटा प्रदर्शन मेनू बना रहा हूं, जिसमें एक हॉवर प्रभाव है। कृपया लाइव फ़िडल की जाँच करें। अब मैं चाहता हूँ कि जब मैं पर मंडराया किताब, यह होवर प्रभाव नहीं होना चाहिए "लेकिन ऐसा होता है, लेकिन जब मैं अन्य तत्वों को मँडराता हूँ तो होवर प्रभाव होगा। मेरा मतलब है कि मैं पर मंडराता हूँ किताबों की दुकान या किताब कोई विवरण बॉक्स नहीं होगा। लेकिन जब मैं होवर करता हूं शीर्षक / लेखक / वर्ष / कीमत विवरण टैग प्रदर्शित किया जाना चाहिए। यह जावास्क्रिप्ट जावास्क्रिप्ट के साथ नहीं करने की आवश्यकता है।

लाइव पहेली

function traverse(node) {
var ul = document.createElement("ul");
if (typeof node !== "undefined") {
var li = document.createElement("li");
var desc = document.createTextNode(node.name);
var img = document.createElement("img");
img.src = node.src;
li.appendChild(img)
li.appendChild(desc);
if (node.children.length == 0) {
li.className = "leaf";
}
li.onclick = clickExpand;
li.onmouseover = showDescrip;
li.onmouseout = hideDescrip;
li.onmousemove = moveDescrip;

if (typeof node.children !== "undefined") {
node.children.forEach(function (child) {
li.appendChild(traverse(child));
});
}
ul.appendChild(li);
}
return ul;
}

धन्यवाद

उत्तर:

आप बस अपना डाल सकते हैं mouseover आपके में if:

    if (node.children.length == 0) {
li.className = "leaf";
li.onmouseover = showDescrip;
li.onmouseout = hideDescrip;
li.onmousemove = moveDescrip;
}

बेला