高校问答幸福苑第二期房价:dreamweaver中实现鼠标移过去背景颜色就变换的这样的效果?
来源：百度文库 编辑：高校问答 时间：2024/04/28 06:29:24
我想实现这样的效果,当鼠标在文本框范围内的时候,文本框背景颜色就变色，鼠标移出文本框时候，文本框恢复到原来的颜色。
我鼠标右键点"编辑标签"然后进入了那个界面."事件"那里有2个选择,onmouseover和onmouseout,我知道这两个选项可以用于实现鼠标越过over和移出out.但我不知道怎么写代码？请大家帮我一下，谢谢。
<script language="JavaScript">
var searchResult=new Array();//鼠标滑过时显示背景色
function borderize(what,color,color2)
{
what.style.borderColor=color
what.style.backgroundColor=color2
}
function borderize_on(e){
if (document.all)
source3=event.srcElement
else if (document.getElementById)
source3=e.target
if (source3.className=="zuo22"){
borderize(source3,"#999999","#000000")
}
else{
while(source3.tagName!="TABLE"){
source3=document.getElementById? source3.parentNode : source3.parentElement
if (source3.className=="zuo22")
borderize(source3,"#999999","#F6F6F8")
}
}
}
function borderize_off(e){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="zuo22")
borderize(source4,"white","white")
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="zuo22")
borderize(source4,"white","white")
}
}
}
</script>
<body >
<table width="96%" border="0" onMouseOver="borderize_on(event)" onMouseOut="borderize_off(event)" class="zuo22" onclick="javascript:clickfun('123')">
<TR>
<TD>把鼠标移过来</TD>
<TD>把鼠标移过来</TD>
</TR>
</table>