请问有没例子,--就是当鼠标放上菜单上,菜单的背景图片会就成别的图片或颜色??? 用样式表:background-image: url( "*.gif" );或者background:red; 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 MenuID.style.backgroundColor="#EEEEEE"; onmouseover="this.style.backgroundColor='#e0e0e0';return true;" onmouseout="this.style.backgroundColor='#f5f5f5';" <HTML><HEAD><style>.a{ BORDER-RIGHT: lightblue 1px solid; BORDER-TOP: lightblue 1px solid; LEFT: 280px; BORDER-LEFT: lightblue 1px solid; WIDTH: 100px; BORDER-BOTTOM: lightblue 1px solid; POSITION: absolute; TOP: 37px; HEIGHT: 24px;}.b{ FONT-SIZE: 9px; BORDER-LEFT-COLOR:lightblue; LEFT: 358px; BORDER-BOTTOM-COLOR: lightblue; WIDTH: 20px; COLOR: mediumblue; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: lightblue; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; POSITION: absolute; TOP: 39px; HEIGHT: 20px; BACKGROUND-COLOR: white; BORDER-RIGHT-COLOR: lightblue; BORDER-BOTTOM-STYLE: solid; FILTER: progid:DXImageTransform.Microsoft.Matrix(SizingMethod ='auto expand',FilterType=bilinear,Dx=0,Dy=0,M11=-1,M12=0,M21=0,M22=-1);}.c{ LEFT: 280px; WIDTH: 100px; POSITION: absolute; TOP: 60px; HEIGHT: 24px; display:none; cursor:pointer;}</style></HEAD><BODY><INPUT id=select2 class="a"><INPUT type=button value="▲" class="b" onclick="ddd(this);" title=""> <TABLE border="1" CELLPADDING=0 CELLSPACING=0 bordercolor="lightblue" class="c" onclick="aaa(this);"> <TR> <TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="1"> <img src="http://expert.csdn.net/expert/images/rank/star1.gif">1星 </TD> </TR> <TR> <TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="2"> <img src="http://expert.csdn.net/expert/images/rank/star2.gif">2星 </TD> </TR> <TR> <TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="3"> <img src="http://expert.csdn.net/expert/images/rank/star3.gif">3星 </TD> </TR></TABLE><SCRIPT > function aaa(obj) { previousSibling(previousSibling(obj)).value= window.event.srcElement.innerText; previousSibling(previousSibling(obj)).title= window.event.srcElement.title; eee(obj); } function bbb(obj) { obj.borderColor="#FF0000"; } function ccc(obj) { obj.borderColor="#ffffff"; } function ddd(obj) { nextSibling(obj).style.display="block"; } function eee(obj) { obj.style.display="none"; } function nextSibling(obj) { for(i=1;i<obj.document.all.length;i++) { if(obj==obj.document.all(i)) { return(obj.document.all(i+1)) } } } function previousSibling(obj) { for(i=1;i<obj.document.all.length;i++) { if(obj==obj.document.all(i)) { return(obj.document.all(i-1)) } } } </SCRIPT></BODY></HTML> 用javascript很容易就可以办到的OnMouseOver,OnMouseOut中实现 js新人求解动态创建DIV疑惑 某些"人"请进 给一个元素添加事件的问题 求助:如何动态得使连接document两元素之间的虚线变成实线 有关时钟的问题 分辨率改变之后下拉菜单(层)位置错乱怎么解决? 请问,怎么获得文本域TextArea的光标位置,并在相应光标位置处插入一段string,谢谢 树状导航菜单的实现 请问,我如何将在页面调入时显示“loading ......,请等待呢!”,欢迎大家来此讨论!! javascript与asp 在一个表格的指定TR后面插入指定无毒 一个getElementsByName的疑问
onmouseout="this.style.backgroundColor='#f5f5f5';"
<HEAD>
<style>
.a
{
BORDER-RIGHT: lightblue 1px solid;
BORDER-TOP: lightblue 1px solid;
LEFT: 280px;
BORDER-LEFT: lightblue 1px solid;
WIDTH: 100px;
BORDER-BOTTOM: lightblue 1px solid;
POSITION: absolute;
TOP: 37px;
HEIGHT: 24px;
}
.b
{
FONT-SIZE: 9px;
BORDER-LEFT-COLOR:lightblue;
LEFT: 358px;
BORDER-BOTTOM-COLOR:
lightblue;
WIDTH: 20px;
COLOR: mediumblue;
BORDER-TOP-STYLE: solid;
BORDER-TOP-COLOR: lightblue;
BORDER-RIGHT-STYLE: solid;
BORDER-LEFT-STYLE: solid;
POSITION: absolute;
TOP: 39px;
HEIGHT: 20px;
BACKGROUND-COLOR: white;
BORDER-RIGHT-COLOR: lightblue;
BORDER-BOTTOM-STYLE: solid;
FILTER: progid:DXImageTransform.Microsoft.Matrix(SizingMethod ='auto expand',FilterType=bilinear,Dx=0,Dy=0,M11=-1,M12=0,M21=0,M22=-1);
}
.c
{ LEFT: 280px;
WIDTH: 100px;
POSITION: absolute;
TOP: 60px;
HEIGHT: 24px;
display:none;
cursor:pointer;
}
</style>
</HEAD>
<BODY>
<INPUT id=select2 class="a">
<INPUT type=button value="▲" class="b" onclick="ddd(this);" title="">
<TABLE border="1" CELLPADDING=0 CELLSPACING=0 bordercolor="lightblue" class="c" onclick="aaa(this);">
<TR>
<TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="1">
<img src="http://expert.csdn.net/expert/images/rank/star1.gif">1星
</TD>
</TR>
<TR>
<TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="2">
<img src="http://expert.csdn.net/expert/images/rank/star2.gif">2星
</TD>
</TR>
<TR>
<TD bordercolor="#FFFFFF" onmouseover="bbb(this);" onmouseout="ccc(this);" title="3">
<img src="http://expert.csdn.net/expert/images/rank/star3.gif">3星
</TD>
</TR>
</TABLE><SCRIPT >
function aaa(obj)
{
previousSibling(previousSibling(obj)).value= window.event.srcElement.innerText;
previousSibling(previousSibling(obj)).title= window.event.srcElement.title;
eee(obj);
}
function bbb(obj)
{
obj.borderColor="#FF0000";
}
function ccc(obj)
{
obj.borderColor="#ffffff";
}
function ddd(obj)
{
nextSibling(obj).style.display="block";
}
function eee(obj)
{
obj.style.display="none";
}
function nextSibling(obj)
{
for(i=1;i<obj.document.all.length;i++)
{
if(obj==obj.document.all(i))
{
return(obj.document.all(i+1))
}
}
}
function previousSibling(obj)
{
for(i=1;i<obj.document.all.length;i++)
{
if(obj==obj.document.all(i))
{
return(obj.document.all(i-1))
}
}
}
</SCRIPT>
</BODY></HTML>
OnMouseOver,OnMouseOut中实现