送給單身猿們的表白神器

問天下男生,有誰想單身?又有誰想單身一輩子?
雖然本人也是單身狗,但是也是有一個遠大的理想,哈哈,大白天的我又開始做夢了

找到一個好看的網頁的時候就把它收藏下來了,但是後來覺得不爽,爲什麼我不能把它摳下來呢?然後想怎麼改就怎麼改!爲所欲爲,哈哈!怎麼摳下來就不說了,大家應該都知道,如果不知道可以私聊我

原網址:http://wfhuang.coding.me/LoveJuan/

再借用https://github.com/wuxia2001/loveyue/tree/master/%E7%AC%AC%E4%BA%8C%E4%B8%AA的語句
查了這麼多,當然不可能不查到這個GitHub滴,兩個相互改進最後得到的頁面
效果圖如下:
在這裏插入圖片描述

在下面這段代碼中,設置了愛心中的時間顯示,不過要注意的是,它的月份不是從1月開始的,而是從0月開始的,0就代表1月,以此類推,setFullyear代表着年月日,下面的分別爲時,分,秒,毫秒。

<script type="text/javascript">
    var offsetX = $("#loveHeart").width() / 2;
    var offsetY = $("#loveHeart").height() / 2 - 55;
    var together = new Date();
    together.setFullYear(2019, 8, 25);
    together.setHours(0);
    together.setMinutes(0);
    together.setSeconds(0);
    together.setMilliseconds(0);

    if (!document.createElement('canvas').getContext) {
        var msg = document.createElement("div");
        msg.id = "errorMsg";
        msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
        document.body.appendChild(msg);
        $("#code").css("display", "none")
        $("#copyright").css("position", "absolute");
        $("#copyright").css("bottom", "10px");
        document.execCommand("stop");
    } else {
        setTimeout(function () {
            startHeartAnimation();
        }, 5000);
        timeElapse(together);
        setInterval(function () {
            timeElapse(together);
        }, 500);
        adjustCodePosition();
        $("#code").typewriter();
    }
</script>

其實還有很多地方需要改進,我也嫌麻煩,就懶得去修改了,大家可以根據自己的想法去改,改進。
有想法的,還可以在裏面添加一首表白情歌,再不濟,也要放一首單身情歌上去。嘿嘿
根據是否單身,或者正在拖單的路上,你就去網上找些什麼語句,修改一下,放入代碼中,脫單了的可以增進感情,在半路的,可以增加概率,單身的,也可以試試水。

說真的,我十分的討厭那些還要積分下載的東西,找到一個好東西,想下載下來,還要積分?C幣?money?
得了吧,我是窮人家的孩子,沒那個實力去弄了,我也不想着各位去充錢來下載。

css+js+HTML文件夾:網盤無碼下載
單一的一個HTML文件:網盤無碼下載
單一的HTML文件附帶背景音樂:網盤無碼下載

這裏再給大家一個音樂URL地址獲取和下載的鏈接:https://blog.csdn.net/weixin_44560813/article/details/103086428

其實這兩個單一的沒什麼差別,就是加了一個標籤而已,可以不要本地的音樂,聯網在線聽,不過地址的話,大家去琢磨琢磨,提示一下:這個地址是在瀏覽器上審查元素/查看元素裏面弄的

祝準備單過雙十一的程序猿們,早日脫單!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章