JS简易日历
来源:互联网 发布:python count函数 编辑:程序博客网 时间:2024/05/21 15:40
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>#divHead{width:790px;height:430px;text-align:center;background-color:#000000;color:#FFFFFF;}#divHead ul li{margin:2px 2px;display:block;width:220px;height:100px;float:left;border:2px solid white;}#bottom{margin:0px 0px 0px 0px;width:790px;height:180px;border:0px solid white;background-color:#000000;color:white;text-align:center;}.active{color:red;}</style><script>window.onload=function(){var oDiv=document.getElementById("divHead");var liCh=oDiv.getElementsByTagName("li");var innerDiv=document.getElementById("bottom");var arr=["1月,让自己取得好成绩","2月,保持良好的情绪","3月,开心每一天","4月,活力起来","5月,加油","6月,倘不奋发,惟有失败,顾影自怜","7月,以情恕人,以理律已","8月,happiness","9月,科学和艺术是一枚硬币的两面","10月,漂亮","11月,拼搏的汗水放射着事业的光芒,奋斗的年华里洋溢着人生的欢乐。 ","12月书籍是朋友,虽然没有热情,但是非常忠实,"]for(var i=0;i<liCh.length;i++){liCh[i].index=i;liCh[i].onmouseover=function(){for(var j=0;j<liCh.length;j++){liCh[j].className="";}this.className="active";innerDiv.innerHTML="<h2>"+(this.index+1)+"月活动</h2>"+arr[(this.index)];}}}</script></head><body><div id="divHead"><ul><li class="active"><h2>1</h2>January</li><li><h2>2</h2>February</li><li><h2>3</h2>March</li><li><h2>4</h2>April</li><li><h2>5</h2>May</li><li><h2>6</h2>June</li><li><h2>7</h2>July</li><li><h2>8</h2>August</li><li><h2>9</h2>September</li><li><h2>10</h2>October</li><li><h2>11</h2>November</li><li><h2>12</h2>December</li></ul></div><div id="bottom"></div></body></html>
阅读全文
0 0
- JS简易日历
- JS简易日历
- JS简易日历实现
- js简易日历
- JS学习笔记:简易日历
- 用js写的月简易日历
- H5中使用JS实现简易日历
- 简易日历
- 简易日历
- 简易日历
- js特效--简易当天阴阳日历
- H5中利用js实习简易日历效果
- 前端模型--纯js实现简易日历&&电子时钟
- 简易记事网页日历
- 一个简易日历代码
- java简易日历算法
- javascript简易日历
- 智能社简易日历
- Android
- windows需要关闭的大量读写硬盘的服务
- crond与crontab
- 使用VUE在Django中打印“Hello World”
- 纯虚函数访问权限
- JS简易日历
- 算法作业_27(2017.6.8第十六周)
- 地图投影系列浅析(三)_ 地图投影
- MATLAB初探
- MapReduce google经典文章
- CSDN日报20170608 ——《从高考到程序员》
- 特征点匹配——ORB算法介绍
- swift3.0 传值总结(属性、代理、闭包、通知)
- 地图投影系列浅析(二)_ 地理坐标系