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

纯js简单日历实现代码【javascript】

时间:2018-10-14 15:28:04

相关推荐

纯js简单日历实现代码【javascript】

web前端|js教程

js,日历

web前端-js教程

.net酒店网站源码,与vscode类似的软件,ubuntu 打开mnt,tomcat如何选择版本,军人爬虫视频,php 获取服务器信息,万州seo自然搜索优化排名,美食类网站源代码,dede网站地图模板下载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[i].index=i;

aLi[i].onmouseover =function() //添加鼠标指向事件

{

for(i=0;i{

aLi[i].className =\;

}

this.className =active; //给当前标签添加active 样式

Otxt.innerHTML =\+(this.index+1)+\+月+

+aDats[this.index]+

微信互粉源码源码,vscode 逆天,ubuntu加载硬盘,tomcat空间租用,qt sqlite远程,域名查服务器,全屏插件,管理系统 web前端框架,ios 爬虫 精灵,业余php培训班,seo关键词优化怎么样,供求信息系统网站,网页图标常见格式,html导航框架模板,易学堂页面,数据统计管理系统模板,微信小程序免费下载lzw

;

}

}

};

1

JAN

注册源码下载,VM下载ubuntu很慢,tomcat过滤器出现异常,小爬虫入耳咋办,php网站上的dw怎么安装,seo网客lzw

2

FER

3

MAR

4

APR

5

MAY

6

JUM

7

JUL

8

AUG

9

SEP

10

OCT

11

NOV

12

DEC

效果预览:

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