<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>日歷</title>
<style?type="text/css">
#table1?{
????border:1px?solid?black;
????width:250px;
????height:250px;
}
#table1?td{
????border:1px?solid?black;
????text-align:?center;
????padding:10px;
????width:80px;
????height:80px;
}
#div1?{
????background:#ccc;
????width:200px;
????height:420px;
????float:left;
}
</style>
<script?type="text/javascript">
????window.onload=function?(){
????????var?oTd=document.getElementsByTagName('td');
????????var?oDiv=document.getElementById('div1');
????????var?arr=[
????????????"111",
????????????"222",
????????????"333",
????????????"444",
????????????"請(qǐng)問(wèn)weq",
????????????"cewdw",
????????????"wswsws",
????????????"zxczxc",
????????????"wswsws",
????????????"qaqaqa",
????????????"dedede",
????????????"xsce",
????????]
????????for?(var?i=0;i<oTd.length;i++){
????????????oTd[i].index=i;
????????????oTd[i].onmouseover=function?(){
????????????this.style.backgroundColor="black";
????????????this.style.color="white";
????????}
????????????oTd[i].onmouseout=function??(){
????????????this.style.background="";
????????????this.style.color="";
????????}
????????????oDiv.innerHTML=arr[this.index];
????}
????}
</script>
</head>
<body>
<table?id="table1"?>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
<tr>
<td>g</td>
<td>h</td>
<td>i</td>
</tr>
<tr>
<td>j</td>
<td>k</td>
<td>l</td>
</tr>
<div?id="div1"></div>
</table>
</body>
</html>但是為啥鼠標(biāo)移入之后左邊會(huì)顯示undefined？ 求救求救啊困惑好久啦
求教各位大神 寫(xiě)了一個(gè)類似日歷的東西
超級(jí)巨浪大切
2017-11-20 19:47:09
