js鼠标移入事件


鼠标放到a标签显示盒子1,鼠标放到b标签显示盒子2,鼠标放到c显示盒子3,盒子1,2,3放在同一位置,其js代码如下:

window.onload = function (){
var oDiv1 = document.getElementById('zhuYe3-2b');
var oDiv2 = document.getElementById('zhuYe3-2e');
var oDiv3 = document.getElementById('zhuYe3-2f');
var oDiv4 = document.getElementById('zhuYe3-2g');
var oDiv5 = document.getElementById('zhuYe3-2c');
var oDiv6 = document.getElementById('zhuYe3-2d');
oDiv1.onmouseover = function() { oDiv2.style.display = 'block';
oDiv3.style.display = 'none';
oDiv4.style.display = 'none';
}
oDiv5.onmouseover = function() { oDiv3.style.display = 'block';
oDiv2.style.display = 'none';
oDiv4.style.display = 'none';
}
oDiv6.onmouseover = function() { oDiv4.style.display = 'block';
oDiv2.style.display = 'none';
oDiv3.style.display = 'none';
}
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM