<script type="text/javascript">
<!--
//定義鼠標(biāo)觸發(fā)事件的范圍
function findOutDiv(thisEvent){
//利用循環(huán)查找符合CSS樣式名字的對象
    while(thisEvent.className != "piccell"){
//如果這個(gè)對象的標(biāo)簽名字是HTML就停止,然后讓事件對象不存在,用做后面的判斷
        if(thisEvent.tagName == "HTML"){
            thisEvent = false;
            break;
        }else{
//否則繼續(xù)下個(gè)對象,即他的父對象
            thisEvent = thisEvent.parentNode
        }
    }
//返回事件對象,如果事件對象不存在返回假
    return thisEvent;
}
//利用鼠標(biāo)在對象移動(dòng)屬性作為時(shí)間觸發(fā)行為
document.onmouseover = function(e){
//這個(gè)e是FireFox捕捉事件觸發(fā)對象的方法
    if(!e)e = window.event;
//定義Event給于鼠標(biāo)觸發(fā)對象的實(shí)體,即符合標(biāo)準(zhǔn)并可以控制的對象
//target為FF專用,srcElement為IE專用
    var Event = e.target?e.target:e.srcElement
//定義可控制的對象,調(diào)用鼠標(biāo)觸發(fā)事件范圍所返回的對象
    var thisEvent = findOutDiv(Event)
//如果對象存在就繼續(xù)
    if(thisEvent){
//給對象定義CSS樣式
        thisEvent.style.border = "2px solid #7A99D2";
        thisEvent.style.background = "#D2E4FC";
    }
}
//同上,利用鼠標(biāo)在對象移出作為時(shí)間觸發(fā)行為
document.onmouseout = function(e){
    if(!e)e = window.event;
    var Event = e.target?e.target:e.srcElement
    var thisEvent = findOutDiv(Event)
    if(thisEvent){
        thisEvent.style.border = "2px solid #CCC";
        thisEvent.style.background = "#FFF";
    }
}
// -->
</script>