ITPub博客

首页 > IT职业 > IT生活 > 【小白教程】趣味表白效果

【小白教程】趣味表白效果

IT生活 作者:hongyueshan 时间:2021-09-09 09:51:48 0 删除 编辑

图片描述

这次我们玩点有意思的,先看看效果趣味表白效果

最好是在PC端预览哦,下面出简单的小白教程。(注意:此教程仅适合前端小白,高手请绕过)

1. 在电脑桌面点击鼠标右键,选择【新建】【文本文档】

图片描述

图片描述

2. 双击打开已在桌面上新建好的文本文档,复制粘贴以下代码

html>
    
    你喜欢我吗?
    
    
    
n' +                '                
不'+ btnVal +'
n' +                '            n' +                '        n' +                '    ';            document.getElementById('container').innerHTML = html;            if(!hasBtn){                 $('.alert').classList.add('no-btn');             }         }    

3. 选择【文件】【另存为】

图片描述

4. 在弹窗底部“文件名”处将“txt”改成“html”,“编码”处选择“utf-8”,点击保存

图片描述

5. 双击打开桌面上已经另存好的网页文件就可以了

图片描述




作者:前端王睿
链接:https://www.jianshu.com/p/c9aec858301f


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3676/viewspace-2813621/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-30

  • 博文量
    93
  • 访问量
    1011