Question

求教修改一句JS，onMouseover显示，onMouseout隐藏

<div class="sam_tops_button" onClick="document.getElementById('sam_tops').style.display=(document.getElementById('sam_tops').style.display =='none')?'':'none'">HERE</div>
<div class="sam_tops_a" id="sam_tops">
<ul>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
</ul>
</div>

现在的代码是点击后隐藏，再点击后显示，能否修改成sam_tops_a默认隐藏，当鼠标悬停（onMouseover）到sam_tops_button时，sam_tops_a显示，鼠标移开（onMouseout）sam_tops_button时，sam_tops_a隐藏呢？多谢。。。

Answer 1

当然可以，
<div class="sam_tops_button" onmouseover="document.getElementById('sam_tops').style.display='';" onmouseout="document.getElementById('sam_tops').style.display='none';">HERE</div>
<div class="sam_tops_a" id="sam_tops" style="display:none;"><!--这里默认隐藏-->
<ul>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
</ul>
</div>

Answer 2

你可以先控制
<div class="sam_tops_a" id="sam_tops">
<ul>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
<li><a href="#">链接Links</a></li>
</ul>
</div>
隐藏 你可以用css

#sam_tops{
display:none;
}
你也可以在div 里面加上这一句style="display:none;"

Answer 3

funciton
mouseover(this){
this.src="1230/image/ok1.png";
}
这句有问题,这里this引用的应该是window对象,你可以随便换个其他的名字,比如:
funciton
mouseover(pic){
pic.src="1230/image/ok1.png";
}
这样再试试看