用HTML写一个“逆天人物 清华哥”的人物简介页面

  


    

    
     
    



    

        
        
【点击与AI清华聊天】

    
    

        
逆天人物-清华
        
职业：语文老师
        
特色：头有点秃、讲课“生动幽默”，心思缜密，一心一意为学生。 用心良苦。在他的课上最好不要作弊。
  

        
作业特点：不说，懂的都懂
 

        
经典语录：某些人；我这个人呢；是吧......再留一项作业；都听着啊；你爱学不学，跟我没关系；别光听着，你记啊，拿笔记啊！
 

        
爱国，痛恨外国侵略者
  


        
点击图片有惊喜！图片旋转后，点击背景恢复角度。
清华哥WeChat头像：
        
        


        

            暴击清华
        

    




    




    
    


        
        关闭

        
        

        
        
为实现中华民族的伟大复兴而奋斗！中华人民共和国万岁！
    
    

Ericsjq

具体实现步骤如下：

1. 在标签内设置页面标题、视口设置和样式表链接。
2. 定义一个名为loopy的函数，用于弹出密码验证窗口。如果输入的密码正确，则重新加载页面并打开一个链接。这个函数被多次调用，以实现三次密码验证。
3. 在标签内创建一个浮动音频播放器和一个按钮。音频播放器用于播放背景音乐，按钮用于触发“暴击清华”功能。
4. 创建一个名为vv的音频对象，用于播放暴击音效。
5. 定义一个名为shakeCount的变量，用于记录图片旋转的次数。
6. 定义一个名为shakeImage的函数，用于实现图片旋转的功能。当图片被点击时，调用此函数。
7. 创建一个名为myModal的弹窗，包含一个关闭按钮和一个图片。点击关闭按钮可以隐藏弹窗。
8. 在页面底部添加一段文字，显示作者的信息。