樵歌 发表于 2024-1-7 08:31

山人 发表于 2024-1-6 20:54
每日一歌，需要 365 + 1 支歌曲和同样数量的美女。美女好找，歌曲难求 @樵歌 不要太贪心

没事，只要有美女，歌曲重听几首没耳朵不会抗议的{:4_170:}

樵歌 发表于 2024-1-7 08:32

红影 发表于 2024-1-6 21:06
绿色的

好的。

樵歌 发表于 2024-1-7 10:35

小辣椒 发表于 2024-1-6 21:33
樵哥哥，音画板现在緑的高亮，以前曾经是紫红的，现在大众化是緑的了

好的，以后我们在所在版面上发个帖子，规定各版面精华的颜色好不好，樵哥哥老了记性不好，经常搞混

樵歌 发表于 2024-1-7 10:37

小辣椒 发表于 2024-1-6 21:35
樵哥哥你这个老革命也是被美女诱惑了

老革命也是人呵，不喜欢看美女的男人要不是假男人，要不是虚假，再就是性取向有问题{:4_170:}

老谟深虑 发表于 2024-1-7 10:42

         可惜呀，我就是看不到图片，这是急人啊。

起个网名好难 发表于 2024-1-7 12:06

本帖最后由 起个网名好难 于 2024-1-7 18:27 编辑 <br /><br />老谟深虑 发表于 2024-1-7 10:42
可惜呀，我就是看不到图片，这是急人啊。

图片换了个地址应该可以看到了吧。<br>

<style>
#calendar td        {text-align:center;font-size:1.1em;font-weight:bold;color:transparent;-webkit-background-clip:text;
background-image:linear-gradient(30deg,hsl(30,100%,50%),hsl(90,100%,50%),hsl(150,100%,50%),hsl(210,100%,50%),hsl(270,100%,90%));}
#calendar table        {width:100%;}
#calendar th        {color:skyblue;font:bold 1.4em '\5fae\8f6f\96c5\9ed1';}
#calendar        {width:90%;padding:8px;margin:auto;}
#outBlk        {width:640px;height:900px; margin:auto;overflow:hidden;position:relative;padding:16px 12px;text-align:center;border-radius:32px;
        background:darkgray url(https://s3.bmp.ovh/imgs/2024/01/05/b1e4df02fb672475.jpg) no-repeat center/cover;box-shadow:2px 2px 8px black;}
#choice_month {padding:2px;margin:2px;border:none;font-weight:800;font-size:1.1em;color:red;background-color:transparent;}
#prevm, #nextm {border:none;background-color:transparent;color:red;font-size:1.2em;}
#inBlk        {width:320px;position:absolute;right:10px;bottom:10px;}
#sname        {position:absolute;left:20px;top:60px;font:bold 36px 楷体;color:blue;writing-mode: vertical-rl;cursor:pointer;}
</style>

<div id="outBlk">
        <span id='sname' title="音乐启停控制"></span>
        <div id='inBlk'>
                <input type='button' id='prevm'value='&#9668' title='上一个月'/>&nbsp;
                <select id='choice_month' title='请选择'></select>
               
                <!-- input id="selMonth" type="month" min="2024-01" max="2024-12" / -->
                &nbsp;<input type='button' id='nextm' value='&#9658'title='下一个月' />
                <div id='calendar'></div>
                <audio id="bkvid" src="" loop autoplay ></audio>
        </div>
</div>

<script>
{
let bkpics = [
{"songName":"高山流水",   "picUrl":"https://i.mp3.wf/view.php/c94caa5f037dac00a51b48738bd58dcc.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=238363"},
{"songName":"梅花三弄",   "picUrl":"https://i.mp3.wf/view.php/82aa05445c96ad867d72880e1084b4e7.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=51502118"},
{"songName":"春江花月夜", "picUrl":"https://i.mp3.wf/view.php/1c476f39efbc1426191c90523dac7b2a.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=275888791"},
{"songName":"汉宫秋月",   "picUrl":"https://i.mp3.wf/view.php/6b5803a0cf7e6bbd5fb9a30e7830957b.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=556842"},
{"songName":"阳春白雪",   "picUrl":"https://i.mp3.wf/view.php/1d265783dadb7f8165e2f92a4784800b.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=212525054"},
{"songName":"渔樵问答",   "picUrl":"https://i.mp3.wf/view.php/5b5d7f3e95168c16ca13ec5b850f189c.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=253468756"},
{"songName":"胡笳十八拍", "picUrl":"https://i.mp3.wf/view.php/df1472906923b1929996645d3ed764c1.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=216069215"},
{"songName":"广陵散",   "picUrl":"https://i.mp3.wf/view.php/70305f4ec48bc5a212a749fa40545a04.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=234243"},
{"songName":"平沙落雁",   "picUrl":"https://i.mp3.wf/view.php/d36029772511dd6c8c17f36339f0937a.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=183757506"},
{"songName":"十面埋伏",   "picUrl":"https://i.mp3.wf/view.php/8d2980a998b8c2041c5086d0515ccde0.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=237303655"},
{"songName":"云水禅心",   "picUrl":"https://i.mp3.wf/view.php/a18fc794b348ea9497c75a573304df71.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=6647870"},
{"songName":"凤求凰",   "picUrl":"https://i.mp3.wf/view.php/d5bde4de7fe4ea8b84709e5335aea51d.jpg", "songUrl":"https://mp3.t57.cn:7087/kwlink_d.php?id=155892136"}
];

let chkMonth = new Date();
let cur_month = chkMonth.getMonth()+1;
let curYear = chkMonth.getFullYear();

        for(let i=1; i <=12; i++)        {
                let opt = document.createElement('option');
                opt.value = i ;
                opt.innerHTML = curYear + ' 年 ' + opt.value + ' 月';
                if(i == cur_month) opt.selected = 'selcted';
                choice_month.appendChild(opt);
        }

prevm.onclick = function()        {
        let chIdx = choice_month.selectedIndex;
        chIdx--; chIdx >= 0 ? chIdx : chIdx = 11;
        choice_month.options.selected = true;
        showTable();
}
nextm.onclick = function()        {
        let chIdx = choice_month.selectedIndex;
        chIdx++; chIdx > 11 ? chIdx=0 : chIdx;
        choice_month.options.selected = true;
        showTable();
}

sname.onclick = function()        {
        if(bkvid.paused) bkvid.play();
        else        bkvid.pause();
}

function mkTab(yv, mv)        {        // 构造月历表格
        let tmp_d = new Date(yv, mv-1, 1);
        let first_d = tmp_d.getDay();        //        这个月的第一天是星期几
        tmp_d = new Date(yv, mv, 0);
        let last_d = tmp_d.getDate()        //        这个月有多少天
       
        //        表头是不变的
        let tabStr = "<table><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr>";
        //        第一行需特殊处理
        tabStr += '<tr>';
        let dv = 1, offIdx = 7 - first_d;
        for(i = 0; i < first_d; i++)        tabStr += '<td>　</td>';        // 第一行加上适当的空格
        for(i = 0; i < offIdx; i++,dv++) tabStr += `<td>${dv}</td>`;        //       
        tabStr += '</tr><tr>';
        //        其余的行处理
        for(i = dv; i <= last_d; i++)        {
                tabStr += `<td>${i}</td>`;
                if((i-offIdx) % 7 == 0)        tabStr += '</tr><tr>';        //        七个日子就换一行
        }
        tabStr += "</tr></table>"
        calendar.innerHTML = tabStr;
}
function showTable()        {
        let chIdx = choice_month.selectedIndex;
        mkTab(curYear, chIdx+1);
        bkvid.src = `${bkpics.songUrl}`;
        outBlk.style.backgroundImage = `url(${bkpics.picUrl})`;
        sname.innerHTML = `${bkpics.songName}`;
}
choice_month.onchange = showTable;
showTable();
}
</script>

老谟深虑 发表于 2024-1-7 17:39

起个网名好难 发表于 2024-1-7 12:06
图片换了个地址应该可以看到了吧。




      这个看到了，谢谢！

红影 发表于 2024-1-7 19:06

樵歌 发表于 2024-1-7 08:32
好的。

这个帖子特别好，支持师兄加精{:4_187:}

樵歌 发表于 2024-1-7 20:50

红影 发表于 2024-1-7 19:06
这个帖子特别好，支持师兄加精

不是一般的好，而是好得一塌糊涂，师兄喜欢得了不得{:4_174:}

樵歌 发表于 2024-1-7 20:54

小辣椒 发表于 2024-1-6 21:35
樵哥哥你这个老革命也是被美女诱惑了

爱美之心人人有呵，你樵哥哥又不是不食人间烟火的，要不然，就有问题了{:4_189:}

樵歌 发表于 2024-1-7 20:54

起个网名好难 发表于 2024-1-6 22:25
布置的任务必须完成呀

100分++{:4_189:}

樵歌 发表于 2024-1-7 20:55

小辣椒 发表于 2024-1-6 21:33
樵哥哥，音画板现在緑的高亮，以前曾经是紫红的，现在大众化是緑的了

好的，以后咱们把颜色好好商量一下。

小辣椒 发表于 2024-1-7 21:06

樵歌 发表于 2024-1-7 20:55
好的，以后咱们把颜色好好商量一下。

好啊，樵哥哥听你的{:4_173:}

小辣椒 发表于 2024-1-7 21:07

樵歌 发表于 2024-1-7 10:37
老革命也是人呵，不喜欢看美女的男人要不是假男人，要不是虚假，再就是性取向有问题

透彻，说的很有道理{:4_173:}

樵歌 发表于 2024-1-8 12:55

小辣椒 发表于 2024-1-7 21:06
好啊，樵哥哥听你的

嗯嗯{:4_179:}

樵歌 发表于 2024-1-8 12:55

小辣椒 发表于 2024-1-7 21:07
透彻，说的很有道理

实话。{:4_189:}

山人 发表于 2024-1-8 18:13

樵歌 发表于 2024-1-7 08:31
没事，只要有美女，歌曲重听几首没耳朵不会抗议的

{:4_172:}

红影 发表于 2024-1-8 20:52

樵歌 发表于 2024-1-7 20:50
不是一般的好，而是好得一塌糊涂，师兄喜欢得了不得

师兄可以收藏，然后可以从主导航进入自己的收藏，便于以后欣赏{:4_187:}
页: 1 [2]
查看完整版本: 美女组团来了 --- 有音乐的月历