shaoyuzijiang.github.io/index.html at main · shaoyuzijiang/shaoyuzijiang.github.io · GitHub

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sleep on Class : Xixi~ </title>
    <style>
        @font-face {
          font-family: 'myfont';
          src: url('/jz.ttf') format('truetype');
        }
        body{
            white-space:pre;
        }
        span{
            font-family: 'myfont';
            font-size: 25px;
        }
        div{
            font-family: 'myfont';
            font-size: 25px;
        }
        #typed-strings{
            display: inline-block;
        }

    </style>
</head>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
<body>
    <span id="box1"></span>
    <div id="typed-strings1">
       <p>&nbsp;&nbsp;你上课睡觉太好玩啦（主要是平时也没一起上课太多 </p>
        <!-- <br>你在世俗的名字里, </em><em>不重要了。</em> --薛之谦 -->
    </div>
    <div id="typed-strings2">
         <!-- <br>你在世俗的名字里, </em><em>不重要了。</em> --薛之谦 -->
         <p> 所以嘿嘿嘿嘿嘿,这个相册我时常更新</p>
     </div>

    <span class="box2"></span>
    <span class="box22"></span>
   <div height="140px" weight="100px">
    <a href="https://sm.ms/image/KBixwSJERbMAvm5" target="_blank"><img src="https://s2.loli.net/2023/04/26/KBixwSJERbMAvm5.jpg" ></a>
    </div>
    <div height="120px" weight="100px">
    <a href="https://sm.ms/image/9Dlyh63EOYmjwQF" target="_blank"><img src="https://s2.loli.net/2023/04/26/9Dlyh63EOYmjwQF.jpg" ></a>
   </div>


    <span class="box3"></span>
</body>

<script>
        var typed1 = new Typed("#box1", {
        strings: ["To&nbsp;xixixixixixixix~~~~~："],//输出的文字
        // typeSpeed: 100,//打字的速度
        // smartBackspace: false, // this is a default
        // loop: true,<a href="https://sm.ms/image/9Dlyh63EOYmjwQF" target="_blank"><img src="https://s2.loli.net/2023/04/26/9Dlyh63EOYmjwQF.jpg" ></a>
        typeSpeed: 100,//打字的速度
        smartBackspace: true, // 开启智能退格 默认false
        cursorChar: '♡',
        // backSpeed: 50,//后退速度
        // backDelay: 500,//后退延迟
        // loop:false,//是否循环 默认false
        // startDelay:1000,//起始时间
        // fadeOut:true,//淡出效果

  });
    var typed2 = new Typed(".box2", {
        stringsElement:'#typed-strings1', //输出的文字
        typeSpeed: 150,//打字的速度
        smartBackspace: true, // this is a default
      cursorChar:'🐕',


  });
  var typed22 = new Typed(".box22", {
        stringsElement:'#typed-strings2', //输出的文字
        // typeSpeed: 100,//打字的速度
        smartBackspace: true, // this is a default
    cursorChar:'🐕',
        loop: true,
        typeSpeed: 100,//打字的速度
        backDelay: 5000,//后退延迟
        backSpeed: 200,//后退速度
        startDelay:2000,//起始时间
  });
 // var typedmain = new Typed(".boxmain", {
//    strings:['在2022封校时间将近一年之后,我希望加入109。\n希望在毕业之前多学会一门技艺,同时将学业之外的注意力平衡\n找到内心的一丝丝安逸!'],
//  typeSpeed: 100,//打字的速度
//    smartBackspace: true, // 开启智能退格 默认false
//    cursorChar: '🐕',
//  });
//  var typedhobby = new Typed(".boxhobby", {
//    strings:['之前填问卷时简单介绍了一下自己的兴趣爱好\n其实也是希望在这里能找到更多志同道合的小伙伴!\n比如写代码、学习指弹、打篮球!\n(我自认为)我的动手能力还不错,毕竟在厨房给妈妈打下手也有快20年了'],
//    typeSpeed: 100,//打字的速度
//    smartBackspace: true, // 开启智能退格 默认false
//    cursorChar: '😊',
//  });
//  var typedganwu = new Typed(".boxganwu", {
//    strings:['虽然是工科生I prefer to code in a cafe,\ninstead of do my homework in 23th.\n因为之前实习的原因,我想生活需要一点点咖啡来调剂\n作为小白我愿意从头开始,在冬天和109一起度过!'],
//    typeSpeed: 100,//打字的速度
//    smartBackspace: true, // 开启智能退格 默认false
//    cursorChar: '🤔',
//  });
  var typed3 = new Typed(".box3", {
        strings: ['最后文字放一首《唯一》^1000\n` 你真的懂唯一的定义` ^1000\n `并不简单如呼吸` ^1000\n `你真的希望你能厘清`^1000\n `若没交心怎么说明` ^1000\n `我真的爱你` ^1000\n `句句不轻易` ^1000\n `眼神中飘逸` ^1000\n `......` ^1000\n'],//输出的文字
        // strings: ["我真的爱你", "句句不轻易",'Chars &times; &copy;'],//输出的文字
        typeSpeed: 50,//打字的速度
        cursorChar: '♡',
        smartBackspace: true, // this is a default
        loop: true,
  });
</script>

</html>