一段-h5-代码

发表于 更新于

在复制粘贴写代码的过程中页页姐提供了不少思路和帮助，在此感谢。

本来是想这段代码传到 GitHub 上顺便绑个域名展示一下的。算了，自我感动个什么劲。

一辈子能有几个 12 年呢？

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<HTML>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<HEAD>
<TITLE>From 4Whey</TITLE>
<style>
.onescript {
    text-align: center;
    line-height: 2em;}
</style>
</HEAD>
<BODY bgcolor="#000000" text="#FFFFFF" link="#0000FF">

<header>
<p style="font-size: 27px;text-align: center;margin-top: 2cm;">Hey&#128512;! This is a loveletter for 康大, written by <del>高强度发情的</del>奶清.</p>
</header>

<p style="font-size: 25px;text-align: center;">喜欢康大真是太好了<span style='font-size:80px;'>&#129505;</span></p>

<div class="onescript">
<span id="typed" style="white-space: pre-wrap;line-height: 1.5;font-size: 25px;"></span>

<!-- 在span标签内加入 white-space: pre-wrap 样式，在strings内的语句中加入\n换行符可以实现换行 -->

<script src="https://cdn.bootcss.com/typed.js/2.0.9/typed.min.js"></script>
<script type="text/javascript">
    var options = {
        strings: [
            '没有人比我更懂爱情，罗密欧与朱丽叶也不行 ^3000'
        ],
        typeSpeed: 150,   //打印速度
        startDelay: 300, //开始之前的延迟300毫秒
        loop: true,      //是否循环
        showCursor: true, //显示光标
        cursorChar: '_' //光标字符
    };
    var typed = new Typed('#typed', options);
</script>
</div> 

<p style="font-size: 25px;line-height: 2.0;text-align: center;">“念念不忘，必有回响”，12 年——望夫石都有模有样了
<br>你以为我指望这一个 h5 网页就能让你回心转意吗？不不不，我梦里都不敢这么想
<br>我只是留个念想而已<del>当然你改主意也不是不行</del></p>

<footer>
  <p style="line-height: 2.0;font-size: 25px;text-align: center;">by: Whey : ) 
     <br>联系：****@mail.com</p>
  <p><time pubdate datetime="2022-01-25"></time></p>
</footer>

</BODY>
</HTML>