1. 爱易网页
  2. JavaSript
  3. js对象的有关问题

js对象的有关问题

日期：2014-05-16　 浏览次数：20397 次

js对象的问题
[code=HTML][/code]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>index3.html</title>

  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  <meta http-equiv="description" content="this is my page">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" href="index3.css" type="text/css"></link>
  <script language="javascript">
  <!--
  function Change(val){
  if(val=="div1"){
  window.alert("ok");
  document.getElementById('div1').style.display='block';
  document.getElementById('div2').style.display='none';
  document.getElementById('div3').style.display='none';
  document.getElementById('div4').style.display='none';
  }else if(val=="div2"){
  window.alert("ok2");
  document.getElementById('div1').style.display='none';
  document.getElementById('div2').style.display='block';
  document.getElementById('div3').style.display='none';
  document.getElementById('div4').style.display='none';
  }else if(val=="div3"){
  window.alert("ok3");
  document.getElementById('div1').style.display='none';
  document.getElementById('div2').style.display='none';
  document.getElementById('div3').style.display='block';
  document.getElementById('div4').style.display='none';
  }else if(val=="div4"){
  window.alert("ok4");
  document.getElementById('div1').style.display='none';
  document.getElementById('div2').style.display='none';
  document.getElementById('div3').style.display='none';
  document.getElementById('div4').style.display='block';
  }
  }
  -->
  </script>
  </head>
  
  <body>
  <div class="top">
  <div class="kehu"></div>
  <div class="zhuti">sd</div>
  <div class="anniu">
  <ul>
  <li onclick="Change('div1')"><a href="#"><img src="images/1.jpg" style="margin-left:5px" /></a></li>
  <li onclick="Change('div2')"><a href="#"><img src="images/2.jpg" style="margin-left: 70px;margin-top: -60px;position: absolute;"/></a></li>
  <li onclick="Change('div3')"><a href="#"><img src="images/3.jpg" style="margin-left:150px;margin-top: -60px;position:absolute;" /></a></li>
  <li onclick="Change('div4')"><a href="#"><img src="images/4.jpg" style="margin-left:230px;margin-top: -60px;position:absolute;" /></a></li>
  </ul>
  </div>
  <div class="div1" id="div1"></div>
  <div class="div2" id="div1"></div>
  <div class="div3" id="div1"></div>
  <div class="div4" id="div1"></div>
  </div>

相关资料更多>

  1. javascript 兑现高效的字符串拼接 高效java中的StringBuffer
  2. 关于decodeURIComponent无法使用,该怎么处理
  3. jquery dialog 旋钮文本可以是变量吗
  4. 【转】如何处理Javascript脚本导致IE浏览器运行缓慢
  5. 怎么删除表格中间插入行
  6. JS在firefox和IE上差异及解决方案
  7. 最近要做的一个关于JS (node.js)的技术交流,发一上提纲,欢迎大家帮忙完善
  8. 如何获取Cookie的有效期
  9. javascript对输入框的篇幅限制（转自愚人码头）