原生js手风琴效果
//js代码
//获取li
var list = document.getElementsByTagName("li")[0];
//遍历 排他
for( var i=0;i<list.length;i++ ){
list[i].style.backgroundImages = "url('images/i'+(i+1)+'.jpg')";
list[i].onmouseover = function(){
for( var j=0;j<list.length;j++ ){
//运动函数的引用
startMove( list[j],{"width":"100"} );//其他li的宽度
}
startMove( this,{"width":"800"} );//当前li的宽度
}
list[i].onmouseout = function(){
for( var j=0;j<list.length;j++ ){
startMove(list[j],{"width","240"});//每个li的宽度
}
}
}