JS小项目-静态日历

最新推荐文章于 2024-04-03 00:10:28 发布

VIP文章莉亚小屋

最新推荐文章于 2024-04-03 00:10:28 发布

阅读量242

点赞数

分类专栏： web 文章标签： js javascript

本文链接：https://blog.csdn.net/corneliawang/article/details/106714674

版权

静态日历

来源：B站JS从入门到精通视频

题目描述

建立如图所示静态日历，使得鼠标移入时动态变化并显示下方活动日程。
在这里插入图片描述

题目代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <link rel="stylesheet" href="css/calin.css" />
  <script>
   window.onload=function() {
   
    var arr=["1","2","3","4","5","6","7","8","9","10,","11","12"];
    var div1=document.getElementById("tab");
    var mon=div1.getElementsByTagName("li");
    var div2=div1.getElementsByTagName("div")[0];
    for (

最低0.47元/天解锁文章

莉亚小屋

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS小项目-静态日历

静态日历来源：B站JS从入门到精通视频题目描述建立如图所示静态日历，使得鼠标移入时动态变化并显示下方活动日程。题目代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/calin.css" /> <script> wind
复制链接

扫一扫