当前位置:   article > 正文

高仿百度网页(附带源码)

高仿百度网页(附带源码)

效果图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

部分源码及素材

<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();
                });
            }
        };


  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35

素材
在这里插入图片描述
在这里插入图片描述


领取源码

高仿百度网页源码领取地址:https://www.123pan.com/s/ji8kjv-wDPU3.html提取码:关注微信公众号祖龙科技工作室回复百度源码即可获取


下期更新预报

网站源码

推荐阅读
相关标签