javascript
html js日历制作视频,JS实现日历制作
本文給大家分享的是使用JS實現日歷制作,非常的詳細,也很實用,適合初學者,有需要的小伙伴參考下。
Titleli{
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实现日历制作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【话题】如何看待AI人工智能
- 下一篇: gradle idea java ssm