<ul id='ul1'>? <li><img src="images//left_meng.jpg"><p>萌主頁</p><div id='hiden'></div></li> <li><img src="images//left_LOL.jpg"><p>LOL直播</p><div id='hiden'></div></li> <li><img src="images//left_dongman.jpg"><p>動漫</p><div id='hiden'></div></li> <li><img src="images//left_jingdian.jpg"><p>景點門票</p><div id='hiden'></div></li> <li><img src="images//left_haodaojia.jpg"><p>hao到家</p><div id='hiden'></div></li> </ul>window.onload=function ?() { var oframe=document.getElementById('frame'); var oul=document.getElementById('ul1'); var oli=oul.getElementsByTagName('li'); oul.onmouseover=function ?(ev) { var oevent=ev||window.event; var target=oevent.target||window.srcElement;? ? ? ? console.log(target.nodeName);? ? ? ? if (target.nodeName.toLowerCase()=='li'||target.nodeName.toLowerCase()=='img' ) {? ? ? ? var ohiden=document.getElementById('hiden');? ? ? ? ohiden.style.display='block';? ? ? ??? ? ? ? } } oul.onmouseout=function ?(ev) { var oevent=ev||window.event; var target=oevent.target||window.srcElement; if (target.nodeName.toLowerCase()=='li'||target.nodeName.toLowerCase()=='img') { var ohiden=document.getElementById('hiden'); ohiden.style.display=''; } }}
為什么在事件委托里要控制li的display屬性，只有第一個li有起作用，其他的li下的display不起作用
汾汾學前端
2016-03-27 22:51:27
