jsonmouseover,jsonmouseover案例
js中的onmouseover事件?
注意我黑色部分的代码:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " "
html xmlns=" "
head
title/title
script
function txt(nameDiv) { var div1 = document.getElementById("aa");
var div2 = document.getElementById("bb"); var divg = document.getElementById(nameDiv); if (divg.style.display == "none") { divg.style.display = "block";
if (nameDiv == "aa") {
div2.style.display = "none";
}
else {
div1.style.display = "none";
}
}
else {
divg.style.display = "none";
}
//如果两个都隐藏了,强制显示第一个
if(div1.style.display=="none" div2.style.display=="none")
{
div1.style.display="block";
}
}
/script
/head
body
p
a href="#" onmouseover="txt('aa');" onmouseout="txt('aa');"日志
/a/ a href="#" onmouseover="txt('bb');" onmouseout="txt('bb');"音乐/a/p
div style="display:block;" id="aa"
aa
/div
div style="display:none;" id="bb"
bb
/div
/body
/html
JS里面这个onmouseover起到什么作用
这个是触发事件的一种,就是当鼠标移动到对象上就会产生这个事件。br例如input type="button" value="test" onmouseover="alert('mouseover事件');"
js onmouseover onmouseout,单击可触发且onmouseout还可以通过将鼠标移出浏览器,再移入body里即可触发
onmouseover 鼠标移到某元素之上。
onmouseout 鼠标从某元素移开。
但是如果放在body(全屏的话)上,鼠标永远都停留在body上,那么onmouseover有反应,onmouseout没有反应,因为鼠标从来没有移开过body!