js基础练习获取数组内容实现简单日历的效果

摘要:
varmyarr=[“第一个月比较冷”,“农历新年的第二天”,“第三个月的春天到来了……”,“四个月是准备迎接夏天到来的日子,哈哈哈哈。。。。。。

 

<script type="text/javascript">

var myarr=[
        "第一个月比较寒冷",
        "第二月大年的日子",
        "第三月开春的日子降临了啊。。。。。",
        "第四个月是个准备迎接夏天到来的日子了啊   哈哈哈哈啊哈哈。。。。。。",
        "第五个月",
        "第六个月",
        "第七个月",
        "第八个月",
        "第九个月",
        "第十个月",
        "第十一个月",
        "第十二个月"
        ]    

window.onload=function()
{
    var ouli=document.getElementById('uli').getElementsByTagName('li');
    var otxt=document.getElementById('civ');
    var i=0;
    for(i=0;i<ouli.length;i++)
    {
        ouli[i].index=i;
        ouli[i].onclick=function()
        {
            for(i=0;i<ouli.length;i++)
            {
                ouli[i].className="";
            };
            this.className="active";
            otxt.innerHTML="<h2>"+(this.index+1)+"月活动</h2><p>"+myarr[this.index]+"</p>"
        };
    };
<script>

 
<ul id="uli">
   <li class="active">1</li>
   <li>2</li>
   <li>3</li>
   <li>4</li>
   <li>5</li>
   <li>6</li>
   <li>7</li>
   <li>8</li>
   <li>9</li>
   <li>10</li>
   <li>11</li>
   <li>12</li>
</ul>

<div id="civ">
   <h2>1月活动</h2>
   <p>第一个月比较寒冷</p>
</div>

免责声明:文章转载自《js基础练习获取数组内容实现简单日历的效果》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Fedora 8 下 XMMS 的正确安装泡沫颂下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

2013腾讯编程马拉松初赛(3月22)赛题及第2题代码(C++)

1001小Q系列故事——为什么时光不能倒流 Time Limit:0.1 Seconds Memory Limit:65536K 我以为我会是最坚强的那一个我还是高估了自己 我以为你会是最无情的那一个还是我贬低了自己 就算不能够在一起我还是为你担心 就算你可能听不清也代表我的心意 那北极星的眼泪闪过你曾经的眼角迷离 那玫瑰花的葬礼埋葬的却是关于你的...

调整SD卡警报限制

在我们对SD卡进行保护性操作时,会设置一个保留空间,用于缓存: idh.code/frameworks/base/services/java/com/android/server/DeviceStorageMonitorService.java private static final int INTERNAL_MEMORY_THRESHOLD = 5; 上...

什么是DOCTYPE 它对网页起何作用?

DOCTYPE是document type(文档类型)的简写,在web设计中用来说明你用的XHTML或者HTML是什么版本。 要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分;除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效。 DOCTYPE声明 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCT...

. 注释的引入

1. 注释的引入 <1> 看以下程序示例(未使用注释) <2> 看以下程序示例(使用注释) <3> 小总结(注释的作用) 通过用自己熟悉的语言,在程序中对某些代码进行标注说明,这就是注释的作用,能够大大增强程序的可读性 2. 注释的分类 <...

电脑屏幕反光怎么处理?

具体内容如下: 其实很简单的,如果你的笔记本电脑出现屏幕反光的话,可以贴一块屏幕保护膜就可以防止电脑反光了,那么贴什么膜好点呢?只要自己买一块磨砂膜或者防眩光的膜都是可以的。但是膜该怎么贴呢?具体步骤如下:...

curl != casperjs ? Google Groups

curl != casperjs ? - Google Groups Hello, This is because twitter renders the page differently for a browser the supports javascript (casperjs) versus one that does not (curl). Cu...