本文給大家分享的是使用JS實現日歷制作，非常的詳細，也很實用，適合初學者，有需要的小伙伴參考下。

Title

li{

width: 50px;

height: 50px;

background: black;

color: white;

margin: 5px;

float: left;

text-align: center;

line-height: 23px;

}

#time{

position: relative;

top: 150px;

width: 180px;

height: 300px;

background: #686868;

margin: 0 auto;

}

#action{

clear: both;

width: 160px;

height: 50px;

position: relative;

left: 10px;

background: snow;

}

li:hover{

background: orange;

color: black;

}

window.οnlοad=function (ev) {

var sz=[1,2,3,4,5,6,7,8,9,10,11,12];

var op=document.getElementById("time");

var aLI=op.getElementsByTagName("li");

var op1=document.getElementById("action");

for(var i=0;i

aLI[i].index=i;

aLI[i].οnmοusemοve=function(){

op1.innerHTML=sz[this.index]+"月活動，大家快來玩吧";

}

}

}

• 1月

  Jan

• 2月

  Feb

• 3月

  Mar

• 4月

  Apr

• 5月

  May

• 6月

  Jun

• 7月

  Jul

• 8月

  Aug

• 9月

  Sep

• 10月

  Oct

• 11月

  Nov

• 12月

  Dec

相關推薦：

總結

以上是生活随笔為你收集整理的html js日历制作视频,JS实现日历制作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。