- <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>
本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130705/38911.html
欢迎大家阅读《鼠标划过事件: 今天又写了个鼠标划过显…_js》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码