初学者求教大神

最近初学javascript，写了一个简易日历。要实现两种功能
//当鼠标移动到日期的时候变换style
//同时下方一个div显示日子的活动内容

<!DOCTYPE html>
<html>
<head>
<title>MyHtml.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">
<style >
#containter{
width:200px;
border:1px solid green;
background:white;
}
li{
width:30px;
height:30px;
float:left;
border:1px solid black;
margin:10px;
background:#eee;
color:red;
font-size:15px;
}
ul li{
list-style-type:none;
}
.active{
color:black;
background:pink;
}
.clr{
clear:both;
width:0px;
height:0px;
}
.text{
margin-left:10px;
background:#eee;
width:40px;
height:40px;
}
}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('containter');
var aLi=oDiv.getElementsByTagName('li');
var oTxt=oDiv.getElementsByTagName('text');
for(i=0;i<aLi.length;i++){
aLi[i].index=i;
aLi[i].onmouseover=function(){
for(var i=0;i<aLi.length;i++)
{
aLi[i].className="";
}
this.className="active"
oTxt.innerHTML="fdrdtrt+(this.index+1)+ahah";
}
}
}
</script>
</head>
<body>
<div id="containter">
<ul>
<li class="active">1<br/>yiyue</li>
<li>2<br/>yiyue</li>
<li>3<br/>yiyue</li>
<li>4<br/>yiyue</li>
<li >5<br/>yiyue</li>
<li>6<br/>yiyue</li>
<li >7<br/>yiyue</li>
<li >8<br/>yiyue</li>
<li >9<br/>yiyue</li>
<li >10<br/>yiyue</li>
<li >11<br/>yiyue</li>
<li >12<br/>yiyue</li>
</ul>
<div class="clr"></div>
<div class="text"></div>
</div>
</body>
</html>

不感兴趣

开通SVIP免广告

这是代码，但是有两个问题。
第一个就是第二个功能没有实现。
第二个就是火狐不兼容。只能在ie下才能运行。
求教大神

下面那个显示部分先不要显示活动的变换，只要能够显示月份就好。

说真的，看到代码特别晕…

我就陈述下我的思路吧：可以在html中用onmouseOver的代码来改变…也可以style中用：hover悬停色：active访问色来改变…

至于显示内容不知道你是一样鼠标指针停留日期显示出小窗口title呢？还是怎样

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

12回复贴，共1页

<<返回javascript吧

分享到:

日	一	二	三	四	五	六