js兑现鼠标滑动隐藏层或改变背景特效
日期：2014-05-16 浏览次数：20349 次
js实现鼠标滑动隐藏层或改变背景特效
<script>
function c_list(lid){ //参数是当前节点对象
var lis=lid.parentNode.childNodes; //获取当前节点的父节点，再通过父节点获取当前节点的兄弟节点数组（父节点的子节点）
for(var i=0;i<lis.length;i++){ //循环修改兄弟节点的className
if(lis[i].nodeType != 1) continue; //为了兼容火狐，火狐会把空格也当成一个节点
lis[i].className='mouse_out';
}
lid.className='mouse_on'; //单独设置当前节点的className
}
</script> 上文中红色字体段是后来加的，因为后来在用同样方法写一个效果的时候发现火狐不兼容，火狐会把空格也当成一个节点
解决方法1：if(lis[i].nodeType != 1) continue;屏蔽掉nodeType不是1（元素节点）的节点
解决方法2：if(lis[i].nodeName =="#text") continue;屏蔽文本节点
此函数使用是不用写id，下面附上html代码
<ul>
<li class=mouse_on onmousemove="c_list(this)">
<p class="p1">这是p1内容 LI1</p>
<p class="p2">这是p2内容 LI1</p>
</li>
<li onmousemove="c_list(this)">
<p class="p1">这是p1内容 LI2</p>
<p class="p2">这是p2内容 LI2</p>
</li>
<li onmousemove="c_list(this)">
<p class="p1"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
