鼠标划过事件: 今天又写了个鼠标划过显示不同图片的JS

1. <style type="text/css"> 
2. <!-- 
3. div{ 
4. width:300px; 
5. overflow:hidden; 
6. float:left; 
7. } 
8. dl{ 
9. width:60px; 
10. float:left; 
11. margin:0px; 
12. } 
13. dd{ 
14. margin:0px; 
15. } 
16. img{ 
17. width:300px; 
18. height:53px; 
19. } 
20. --> 
21. span{ 
22. display:block; 
23. width:5000%; 
24. } 
25. </style> 
26. <script type="text/javascript"> 
27. function show(show){ 
28. var div = document.getElementsByTagName("div")[0]; 
29. div.scrollLeft = show; 
30. return false; 
31. } 
32. </script> 
33. <dl> 
34. <dd onMouseOver="return show(0)"><a href="#">项目一</a></dd> 
35. <dd onMouseOver="return show(300)"><a href="#">项目二</a></dd> 
36. <dd onMouseOver="return show(600)"><a href="#">项目三</a></dd> 
37. </dl> 
38. <div> 
39. <span><img src="jpg.jpg" alt="图片1" /><img src="jpg.jpg" alt="图片2" /><img src="jpg.jpg" alt="图片3" /> 
40. </span> 
41. </div> 

本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130705/38911.html

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索html
， 鼠标
， div
， 项目
， show
， getElementsByTagName
鼠标划过
js鼠标划过事件、js鼠标划过、css3鼠标划过图片效果、鼠标划过文字显示图片、鼠标划过图片放大效果，以便于您获取更多的相关知识。