求大神帮忙实现一个简单的JS
用我下面的代码,当鼠标移动到 项目一 时图片显示div.scrollLeft=0;项目二 时div.scrollLeft=300;项目三三 时 div.scrollLeft=600;谢谢
<style type="text/css">
<!--
div{
width:300px;
overflow:hidden;
float:left;
}
dl{
width:60px;
float:left;
margin:0px;
}
dd{
margin:0px;
}
img{
width:300px;
height:53px;
}
-->
span{
display:block;
width:5000%;
}
</style>
<script type="text/javascript">
function abc()
{
var dd = document.getElementsByTagName("dd");
var div = document.getElementsByTagName("div");
div.scrollLeft = 1000;
}
</script>
<dl>
<dd><a href="#">项目一</a></dd>
<dd><a href="#">项目二</a></dd>
<dd><a href="#">项目三</a></dd>
</dl>
<div>
<span>
<img src="#" alt="图片1" />
<img src="#" alt="图片2" />
<img src="#" alt="图片3" />
</span>
</div>