js简易日历

该功能最终实现的结果如下图所示:


程序实现思路:

1、使用for,实现鼠标悬浮中英文切换

2、底部文字切换,使用tab选项卡思路,动态数组获取文字

3、底部文字的切换使用innerHTML


注意以下几点:

1、页面布局,注意active状态是在li上添加,

            <li class="active">
                <h2>1</h2>
                <p>JAN</p>
            </li>
            <li>
                <h2>2</h2>
                <p>FER</p>
            </li>

2、字符串的拼接

例如:

"abg"+12+5+"dec"
此实例结果是abg125dec,若果想实现中间为17,则需要使用小括号,优先运算,

3、使用数组存储json数据,简化页面结构,将数组中内容取出放入需要的地方,如下:

var arry = [
            '快过年了,大家可以商量着去哪里玩吧~',
            'wewewqfeeeryue二月',
            '三月份的时候了',
            '四月份的时候了,马上五月',
            'wuyuefen l ',
            '六月份了',
            'qiyuefenle',
            'bayuefen l ',
            'jiuyuefen',
            'shiyuefen',
            'shiyiyuefen',
            'shieryuefen'
        ]

取出来拼接如下:

text.innerHTML = "<h2>"+(this.index+1)+"月活动</h2> <p> "+arry[this.index]+"</p>"
该处需注意的是,若果是单引号,则拼接也全部使用单引号,若双引号,则相同。



  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值