Chinaunix首页 | 论坛 | 博客

Leungffy XUExueliangfei.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

xueliangfei

  • 博客访问： 2316121
  • 博文数量： 252
  • 博客积分： 5472
  • 博客等级： 大校
  • 技术积分： 3107
  • 用 户 组： 普通用户
  • 注册时间： 2011-09-17 18:39
文章分类

全部博文（252）

文章存档

2012年（96）

2011年（156）

我的朋友
最近访客
推荐博文
相关博文
简单JS实现点击更换某块显示的内容

分类： 系统运维

2011-11-28 18:10:38

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " ">
  2. <html>
  3.  <head>
  4.   <title> New Document </title>
  5.   <meta name="Generator" content="EditPlus">
  6.   <meta name="Author" content="">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Description" content="">

  10. <script type="text/javascript">


  13. window.onload=function(){
  14.   var img=document.getElementById("img");
  15.   var a=document.getElementsByTagName("a");
  16.   for(var i=0;i<a.length;i++){
  17.     a[i].onclick=function(){
  18.        img.src = this.href;
  19.      return false;
  20.     };
  21.   }
  22. };




  27. //window.onload=pic;

  29. </script>

  31.  </head>

  33.  <body>
  34.   <div id="showpic">
  35. <img src="img/11.jpg" id="img"/>
  36. </div>

  38. <ul>
  39. <li><a href="img/11.jpg">1</a></li>
  40. <li><a href="img/22.jpg">2</a></li>
  41. <li><a href="img/33.jpg">3</a></li>
  42. </ul>
  43.  </body>
  44. </html>
阅读(2922) | 评论(0) | 转发(0) |
0

上一篇：HttpServletRequest方法总结

下一篇：设为首页 加入收藏

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6