JS Simple Calendar Code

<! DOCTYPE html>

<meta charset= "UTF-8" >

<meta name= "viewport" content= "Width=device-width, initial-scale=1.0" >

<title> Calendar Exercises </title>

<style type= "Text/css" >

. datetab{width:400px;     height:400px;     Text-align:center;  margin-top:30px; margin-left:350px; }

. Datetab ul{List-style:none;}

. datetab ul li{width:100px;     height:100px;  Float:left;     Color: #fff;     Background: #000; border: #ccc 1px solid; }

#txt {position:absolute;  margin-top:408px;     margin-left:40px;     border: #ccc 1px solid; height:140px;     width:286px;     height:0 Auto;  Background: #000;     Color: #fff; padding:10px; }

</style>

<script type= "Text/javascript" >

Window.onload=function () {

var adeta=[//Set active array per month

"A day is missing, such as a ploughing; think of one, what is three years!" Acacia is a non-relying language, inclined to spend tears line! ",

"Graves Globe Withal, as far away from the war." Summer wind, through the heart cool, bided rain, painting vicissitudes! ",

"From the river Bridge, from the river, from the river bridge born parting!" Have you, the heart stack thousand layers of waves, without you, dream back to million mountains! ",

"If, years is a clip of the album, I would like to bathe in the shadow of your time, toast to invite the moon!" ",

"If, years can remember the pace of progress, I would like to indulge in the Twilight Dusk smile, outline the flush!" ",

"If, years is an indifferent encounter, I would like to indulge in eye shadow wandering, not let desolate fill the atrium!" ",

Often said: Ordinary heart, ordinary to unintentional, unintentional side can become Tao! However, coincidentally, Acacia but rebel and line! ",

"Life will not Acacia, will acacia, then harm acacia!" Clouds Green Ghost, a Mind acacia cloud around! ",

"The body feels the clouds are not, the heart is like the Catkins gas if the silk!" Remnants of a wisp of incense in this, looking forward to qingqing beauty what! When is the disease coming? ",

"That night, when the lights were half unconscious, Rockwater secret!" The heart is like a network, there are tens of thousands of knots! The exceedingly sentimental, forget the sword if the swim marks! ",

"Pour in, North Goose South return, Brocade book a letter, comfortable!" Ningmou in the past, such as smoke, parting don't hate thinking infinity, untidy spring to the East flow! ",

"Ruthless not like sentimental bitter, an inch still become tens of thousands of strands." End when there is poor, only acacia endless place. Tears also think, no tears also think! ",        ];

var ali=document.getelementsbytagname (' Li '); Gets the ID of the cell Li

var Otxt=document.getelementbyid ("txt"); Get div for drop activity

var i=0;

for (i=0;i<ali.length;i++) {

Ali[i].index=i; Establishing index values

Ali[i].onmouseover=function () {//give each month a mouse move-in event

for (i=0;i<ali.length;i++) {

Ali[i].style= ";

}

This.style.background= "#ccc";

This.style.color= "#015705"; Set the style when the mouse enters

Otxt.innerhtml= "

};

}

}

</script>

<body>

<div id= "tab" class= "Datetab" >

<ul>

<li>

<li>

<li>

<li>

<li>

<li>

<li>

<li>

<li>

<li>

<li>

<li>

</li>

</ul>

<div id= "TXT" >

</div>

</div>

</body>

JS Simple Calendar Code