1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 纯js简单日历实现代码

纯js简单日历实现代码

时间:2018-09-03 10:19:26

相关推荐

纯js简单日历实现代码

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中文网!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。