web前端|js教程
js 日历
web前端-js教程
laypage 分页 源码,vscode终端不显示中文,ubuntu磁盘参数,tomcat设置应用别名,男孩脸上爬虫,php hiphop安装,南宁正规的整站优化seo,能上外国网站的vpn,企业之家模板下载lzw
body,ul,li,h2,p { margin:0px; padding:0xp; } #div1 { width:200px; height:200px; background:#ccc; } .calendar { width:240px; height:345px; background:#ccc; margin:auto; } .calendar ul { list-style:none; width:232px; height:260px; margin:0px; padding:0px; } .calendar ul li { width:45px; height:65px; background:#333; float:left; display:inline; margin-left:11px; margin-top:10px; border:1px solid #ccc; text-align:center; color:#FFF; } .calendar ul li:hover { border:1px solid #000; } .text { background:#F96; margin:10px; padding-bottom:10px; height:45px; } .text h2 { display:inline; } .active { background:#FFF !important; color:#C03 !important; } /* window.onload=function() { var oBtn=document.getElementById(tn1); var oTxt=document.getElementById( xt1); var oDiv=document.getElementById(div1); oBtn.onclick=function() { oDiv.innerHTML=oTxt.value; } }*/ window.onload=function() { var aLi= document.getElementsByTagName(li); var Otxt =document.getElementById( ab).getElementsByTagName(div)[0]; var aDats =[元旦1月1日,2月14日情人节,3月3日全国爱耳日, 4月1日愚人节,5月1日国际劳动节,6月1日 国际儿童节, 7月1日中国共产党诞生日,8月1日中国人民解放军建军节,9月10日中国教师节, 10月1日中华人民共和国国庆节,11月9日消防宣传日,12月3日世界残疾人日 ]; var i=0; for(i=0;i<aLi.length;i++) //for循环历遍li元素 { aLi[i].index=i; aLi[i].onmouseover =function() //添加鼠标指向事件 { for(i=0;i<aLi.length;i++) //for循环历遍li元素去掉li样式 { aLi[i].className =\; } this.className =active; //给当前标签添加active 样式 Otxt.innerHTML =\+(this.index+1)+\+月+
+aDats[this.index]+
pt小说源码完整版,豆瓣镜像源ubuntu,购物网站爬虫,php破解登录,seo课程费用lzw
; } } };
1
JAN
什么是视频网站源码,ubuntu很久不用很卡,python主流爬虫框架,82 bbs php,seo手法详解lzw
2
FER
3
MAR
4
APR
5
MAY
6
JUM
7
JUL
8
AUG
9
SEP
10
OCT
11
NOV
12
DEC
效果预览:
更多纯js简单日历实现代码相关文章请关注PHP中文网!