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