js活用事件触发对象动作

　　<script type="text/javascript">

　　<!--

　　//定义鼠标触发事件的范围

　　function findOutDiv(thisEvent){

　　//利用循环查找符合CSS样式名字的对象

　　while(thisEvent.className != "piccell"){

　　//如果这个对象的标签名字是HTML就停止,然后让事件对象不存在,用做后面的判断

　　if(thisEvent.tagName == "HTML"){

　　thisEvent = false;

　　break;

　　}else{

　　//否则继续下个对象,即他的父对象

　　thisEvent = thisEvent.parentNode

　　}

　　}

　　//返回事件对象,如果事件对象不存在返回假

　　return thisEvent;

　　}

　　//利用鼠标在对象移动属性作为时间触发行为

　　document.onmouseover = function(e){

　　//这个e是FireFox捕捉事件触发对象的方法

　　if(!e)e = window.event;

　　//定义Event给于鼠标触发对象的实体,即符合标准并可以控制的对象

　　//target为FF专用,srcElement为IE专用

　　var Event = e.target?e.target:e.srcElement

　　//定义可控制的对象,调用鼠标触发事件范围所返回的对象

　　var thisEvent = findOutDiv(Event)

　　//如果对象存在就继续

　　if(thisEvent){

　　//给对象定义CSS样式

　　thisEvent.style.border = "2px solid #7A99D2";

　　thisEvent.style.background = "#D2E4FC";

　　}

　　}

　　//同上,利用鼠标在对象移出作为时间触发行为

　　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>