UC知道请javascript达人帮简化代码
来源：百度知道 编辑：UC知道 时间：2024/06/26 03:51:56
功能简述：鼠标悬浮上某个链接上，相对应的图片层突出；鼠标释放，图片层归位，现在我实现的代码如下，但较麻烦，扩展性不强，求达人帮忙精简。谢谢！！！
<body>
<ul id="mylist">
<li><a href="">picture one</a></li>
<li><a href="">picture two</a></li>
<li><a href="">picture tree</a></li>
</ul>
<div id="holder">
<div><img src="images/yi.gif" /></div>
<div><img src="images/cheng.gif" /></div>
<div><img src="images/chu12.gif" /></div>
</div>
<script type="text/javascript">
var mylink = document.getElementById("mylist").getElementsByTagName("a");
var mydiv = document.getElementById("holder").getElementsByTagName("div");
mylink[0].onmouseover=function(){
<body>
<ul id="mylist">
<li><a href="">picture one</a></li>
<li><a href="">picture two</a></li>
<li><a href="">picture tree</a></li>
</ul>
<div id="holder">
<div><img src="images/yi.gif" /></div>
<div><img src="images/cheng.gif" /></div>
<div><img src="images/chu12.gif" /></div>
</div>
<script type="text/javascript">
var mylink = document.getElementById("mylist").getElementsByTagName("a");
var mydiv = document.getElementById("holder").getElementsByTagName("div");
mylink[0].onmouseover=function(){
20分也要了，要是分高一点那就更好了。哈哈。
<body>
<ul id="mylist">
<li><a href="">picture one</a></li>
<li><a href="">picture two</a></li>
<li><a href="">picture tree</a></li>
</ul>
<div id="holder">
<div><img src="images/yi.gif" /></div>
<div><img src="images/cheng.gif" /></div>
<div><img src="images/chu12.gif" /></div>
</div>
<script type="text/javascript">
var mylink = document.getElementById("mylist").getElementsByTagName("a");
var mydiv = document.getElementById("holder").getElementsByTagName("div");
for (var i=0;i<mylink.length ;i++ )
{
mylink[i].onmouseover=new Function("mydi