高仿百度网页（附带源码）

孤客网络科技工作室

于 2024-05-24 20:46:26 发布

阅读量639

点赞数 9

分类专栏： html+css网页开发 VScode JS 文章标签： vscode 前端 javascript css

By_GUKE

本文链接：https://blog.csdn.net/m0_70474954/article/details/139183950

版权

html+css网页开发同时被 3 个专栏收录

49 篇文章 1 订阅

订阅专栏

VScode

32 篇文章 0 订阅

订阅专栏

21 篇文章 0 订阅

订阅专栏

高仿百度网页

效果图
部分源码及素材
领取源码
下期更新预报

效果图

在这里插入图片描述

部分源码及素材

<script language="javascript">
        function show_date_time() {
            window.setTimeout("show_date_time()", 1000);
            BirthDay = new Date("1/20/2023 16:52:21");//这个日期是可以修改的
            today = new Date();
            timeold = (today.getTime() - BirthDay.getTime());
            sectimeold = timeold / 1000
            secondsold = Math.floor(sectimeold);
            msPerDay = 24 * 60 * 60 * 1000
            e_daysold = timeold / msPerDay
            daysold = Math.floor(e_daysold);
            e_hrsold = (e_daysold - daysold) * 24;
            hrsold = Math.floor(e_hrsold);
            e_minsold = (e_hrsold - hrsold) * 60;
            minsold = Math.floor((e_hrsold - hrsold) * 60);
            seconds = Math.floor((e_minsold - minsold) * 60);
            span_dt_dt.innerHTML = daysold + "天" + hrsold + "小时" + minsold + "分" + seconds + "秒";
        }

        show_date_time();
    </script>
    <script>
        var S = {
            init: function () {
                S.Drawing.init('.canvas');
                document.body.classList.add('body--ready');
                //想说的话
                S.UI.simulate("孤独||我很爱你|不知道为什么|分手5个多月|我还是忘不掉你||我再偷偷的说一声||我真的很爱你******!|#countdown 3|#time");
                S.Drawing.loop(function () {
                    S.Shape.render();
                });
            }
        };