dreamweaver中实现鼠标移过去背景颜色就变换的这样的效果?
软件为dreamweaverMX版,我设置了几个文本框.是用于给用户提交留言的相关信息作用的.我想实现这样的效果,当鼠标在文本框范围内的时候,文本框背景颜色就变色，鼠标移...
软件为dreamweaver MX版,我设置了几个文本框.是用于给用户提交留言的相关信息作用的.
我想实现这样的效果,当鼠标在文本框范围内的时候,文本框背景颜色就变色，鼠标移出文本框时候，文本框恢复到原来的颜色。
我鼠标右键点"编辑标签"然后进入了那个界面."事件"那里有2个选择,onmouseover和onmouseout,我知道这两个选项可以用于实现鼠标越过over和移出out.但我不知道怎么写代码？请大家帮我一下，谢谢。 展开
我想实现这样的效果,当鼠标在文本框范围内的时候,文本框背景颜色就变色，鼠标移出文本框时候，文本框恢复到原来的颜色。
我鼠标右键点"编辑标签"然后进入了那个界面."事件"那里有2个选择,onmouseover和onmouseout,我知道这两个选项可以用于实现鼠标越过over和移出out.但我不知道怎么写代码？请大家帮我一下，谢谢。 展开
1个回答
展开全部
<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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
