<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 show(show){
var div = document.getElementsByTagName("div")[0];
div.scrollLeft = show;
return false;
}
</script>
<dl>
<dd onMouseOver="return show(0)"><a href="#">项目一</a></dd>
<dd onMouseOver="return show(300)"><a href="#">项目二</a></dd>
<dd onMouseOver="return show(600)"><a href="#">项目三</a></dd>
</dl>
<div>
<span><img src="jpg.jpg" alt="图片1" /><img src="jpg.jpg" alt="图片2" /><img src="jpg.jpg" alt="图片3" />
</span>
</div>
<!--
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 show(show){
var div = document.getElementsByTagName("div")[0];
div.scrollLeft = show;
return false;
}
</script>
<dl>
<dd onMouseOver="return show(0)"><a href="#">项目一</a></dd>
<dd onMouseOver="return show(300)"><a href="#">项目二</a></dd>
<dd onMouseOver="return show(600)"><a href="#">项目三</a></dd>
</dl>
<div>
<span><img src="jpg.jpg" alt="图片1" /><img src="jpg.jpg" alt="图片2" /><img src="jpg.jpg" alt="图片3" />
</span>
</div>