jsonmouseover,jsonmouseover案例

http://www.itjxue.com  2023-01-15 09:49  来源:未知  点击次数: 

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!

(责任编辑:IT教学网)

更多

推荐Oracle认证文章