首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css html,该如何处理

2012-06-16 
css htmltd {background-color: #CCCCCC}.td1 {background-color: #999999}--/style/headbodydi

css html
td {
background-color: #CCCCCC;
}
.td1 {
background-color: #999999;
}
-->
</style>
</head>

<body><div style="border:1px #ccc solid">
  <table width="308px" height="36px">
  <tr align="center">
  <td onmouseover="this.className='td1'"><a href="#">手机网游攻略</a></td>
  <td onmouseover="showtext2()"><a href="#">手机网游评测</a></td>
  </tr>
  </table>
  <div style="margin-top:10px;" id="text10">
  <ul>  
  <li><a href="#">问剑OL,装备增强攻略</a></li>
  <li><a href="#">忆往昔,侠义精彩时刻</a></li>
  <li><a href="#">剑途OL,装备来源</a></li>
  <li><a href="#">天下归心玄晶攻略</a></li>
  <li><a href="#">战魂OL攻略分享</a></li>
  </ul>
  </div>
   
  <div style="margin-top:10px;display:none; " id="text11">
  <ul>  
  <li><a href="#">评测穿越海域无比刺激的《龙之国度》</a></li>
  <li><a href="#">忘仙OL我有话想对你说</a></li>
  <li><a href="#">浅谈《绝世无双》天龙门技能</a></li>
  <li><a href="#">紫焰之世界地图展示</a></li>
  <li><a href="#">问剑OL,装备增强攻略</a></li>
  </ul>
  </div>
   
  </div>
   
 
  <script language="javascript">
  function showtext1{
   
  document.getElementById("text10").style.display="none";
  document.getElementById("text11").style.display="block";
  }
   
  function showtext2{
  doucument.getElementById("text11").style.display="block";
  doucument.getElementById("text10").style.display="none";
  }
  </script>
  为什么用td调不出脚本里面的函数

[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
td
{
background-color: #CCCCCC;
}
.td1
{
background-color: #999999;
}
</style>
</head>
<body>
<div style="border: 1px #ccc solid">
<table width="308px" height="36px">
<tr align="center">
<td onmouseover="this.className='td1'">
<a href="#">手机网游攻略</a>
</td>


<td onmouseover="showtext2()">
<a href="#">手机网游评测</a>
</td>
</tr>
</table>
<div style="margin-top: 10px;" id="text10">
<ul>
<li><a href="#">问剑OL,装备增强攻略</a></li>
<li><a href="#">忆往昔,侠义精彩时刻</a></li>
<li><a href="#">剑途OL,装备来源</a></li>
<li><a href="#">天下归心玄晶攻略</a></li>
<li><a href="#">战魂OL攻略分享</a></li>
</ul>
</div>
<div style="margin-top: 10px; display: none;" id="text11">
<ul>
<li><a href="#">评测穿越海域无比刺激的《龙之国度》</a></li>
<li><a href="#">忘仙OL我有话想对你说</a></li>
<li><a href="#">浅谈《绝世无双》天龙门技能</a></li>
<li><a href="#">紫焰之世界地图展示</a></li>
<li><a href="#">问剑OL,装备增强攻略</a></li>
</ul>
</div>
</div>
<script language="javascript">
function showtext1() {

document.getElementById("text10").style.display = "none";
document.getElementById("text11").style.display = "block";
}

function showtext2() {
document.getElementById("text11").style.display = "block";
document.getElementById("text10").style.display = "none";
}
</script>
</body>
</html>

热点排行