精华内容
下载资源
问答
  • 失去抵抗力的表白方式html表白代码
  • 小伙伴们好久不见,鸽了好久了,看来还是我太懒了呀!...进入正题,有一个小伙伴后台留言说要表白代码,这不,我来给你们安排了。双十一期间送一份自己写的代码给男/女朋友也是极好的,来看效果:这是用纯css样...

    7a97f992e86836ff2eae8446bba59932.png

    9130340b9a42270dd47f987868808a15.png

    小伙伴们好久不见,鸽了好久了,看来还是我太懒了呀!这段时间一直处于输入状态,输出不够,还请大家理解呀~

    同时,Aime菌公众号的用户数终于来到了三位数,前段时间收到了公众号的第一次打赏(加了鸡腿),作为一个新人号主,我留下了感动的泪水,谢谢小伙伴们的支持!

    进入正题,有一个小伙伴后台留言说要表白代码,这不,我来给你们安排了。双十一期间送一份自己写的代码给男/女朋友也是极好的,来看效果:

    a246de6b4f7c4feeae6971e70643a7fb.png

    bcc4530985b6b5f41967f4aafbc0dff9.png

    cbc3ff6cc3ef29581e2fa62a00bbb2be.png

    5364a480461e29263192c9647b0feb8e.png

    这是用纯css样式做的立体旋转特效,html页面代码和样式代码不算难,根据自己的需要改动方块里的图片即可。背景也是可以随意更改,我这里的背景不太好看,小伙伴们可以根据自己的需要在网络上寻找图片,用ps稍微处理一下就可以得到很好看的样式


    关注即可提高学习效率!我是Aime菌,下期再见!Peace~

    每天进步一点点,慢一点才能走得更快

    展开全文
  • HTML表白代码套餐

    2021-01-11 16:45:08
    一个表白代码套餐,只需要修改名字和恋爱时间即可使用
  • html代码_html-表白代码

    千次阅读 2020-12-01 05:32:41
    小伙伴们好久不见,鸽了好久了,看来还是我太懒了呀!...进入正题,有一个小伙伴后台留言说要表白代码,这不,我来给你们安排了。双十一期间送一份自己写的代码给男/女朋友也是极好的,来看效果:这是用纯css样...

    016ff518ec7819060ead7c651098e1d7.png

    3a027c9b659fac15834495f9843244c2.png

    小伙伴们好久不见,鸽了好久了,看来还是我太懒了呀!这段时间一直处于输入状态,输出不够,还请大家理解呀~

    同时,Aime菌公众号的用户数终于来到了三位数,前段时间收到了公众号的第一次打赏(加了鸡腿),作为一个新人号主,我留下了感动的泪水,谢谢小伙伴们的支持!

    进入正题,有一个小伙伴后台留言说要表白代码,这不,我来给你们安排了。双十一期间送一份自己写的代码给男/女朋友也是极好的,来看效果:

    1995177aa7565410e9b93cea5c3b92f4.png

    65bbee3e096e1f71d96fed9b7275559f.png

    d9a2fe43c9e8400baba8ca264cede2c3.png

    8eda730c97b129e3124d51e1dc7ab911.png

    这是用纯css样式做的立体旋转特效,html页面代码和样式代码不算难,根据自己的需要改动方块里的图片即可。背景也是可以随意更改,我这里的背景不太好看,小伙伴们可以根据自己的需要在网络上寻找图片,用ps稍微处理一下就可以得到很好看的样式


    关注即可提高学习效率!我是Aime菌,下期再见!Peace~

    每天进步一点点,慢一点才能走得更快

    展开全文
  • HTML-表白代码

    2020-11-08 13:01:24
    不要走开,表白代码资源在文末 小伙伴们好久不见,鸽了好久了,看来还是我太懒了呀!这段时间一直处于输入状态,输出不够,还请大家理解呀~ 同时,Aime菌公众号的用户数终于来到了三位数,前段时间收到了公众号的第...


    不要走开,表白代码资源在文末

    小伙伴们好久不见,鸽了好久了,看来还是我太懒了呀!这段时间一直处于输入状态,输出不够,还请大家理解呀~

    同时,Aime菌公众号的用户数终于来到了三位数,前段时间收到了公众号的第一次打赏(加了鸡腿),作为一个新人号主,我留下了感动的泪水,谢谢小伙伴们的支持!

    进入正题,有一个小伙伴后台留言说要表白代码,这不,我来给你们安排了。双十一期间送一份自己写的代码给男/女朋友也是极好的,来看效果:

    这是用纯css样式做的立体旋转特效,html页面代码和样式代码不算难,根据自己的需要改动方块里的图片即可。背景也是可以随意更改,我这里的背景不太好看,小伙伴们可以根据自己的需要在网络上寻找图片,用ps稍微处理一下就可以得到很好看的样式

    资源获取

    关注公众号:木节学编程,后台回复表白代码即可获取


    关注即可提高学习效率!我是木节,下期再见!Peace~

    更多干货

    【干货分享】自学编程的小伙伴可以前往我的 Github 仓库(持续更新中…):

    📕【Java学习指南】从java基础、计算机基础到后端常用框架的教程,涵盖后端大部分必备知识(学习指南 + 技术文章 + 资源分享)

    Github仓库地址(来个Star吧~):https://github.com/MujieJava/JavaStudy

    展开全文
  • html跨年表白代码

    千次阅读 热门讨论 2020-12-31 16:38:14
    今天是2020年的最后一天,最近很忙,很久没有写博客了,今天给大家一个跨年表白代码,祝大家快乐,不止今天! <!doctype html> <html> <head> <meta charset="utf-8"> <title>跨年...

    今天是2020年的最后一天,最近很忙,很久没有写博客了,今天给大家一个跨年表白代码,祝大家快乐,不止今天!
    完整代码:
    电脑端使用:电脑桌面新建txt文本,复制代码后保存,再修改后缀为html,最后双击打开即可。
    手机端使用: 把电脑端弄好的html文件直接通过QQ或者微信发送给ta,然后让ta使用浏览器打开即可。

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>跨年表白</title><!-- 这是网页标题 -->
    <style>
    body{
      overflow: hidden;
      margin: 0;
    }
    h1{
      position: fixed;
      top: 50%;
      left: 0;
      width: 100%;
      text-align: center;
      transform:translateY(-50%);
      font-family: 'Love Ya Like A Sister', cursive;
      font-size: 40px;
      color: #c70012;
      padding: 0 20px;
    }
    h1 span{
        font-size:20px;
    }
    </style>
    
    </head>
    <body>
    <h1 id="h1"></h1>
    <canvas></canvas> <!--canvas 画布-->
    
    <script>
    var canvas = document.querySelector("canvas"),
      ctx = canvas.getContext("2d");
    
    var ww,wh;
    
    function onResize(){
      ww = canvas.width = window.innerWidth;
      wh = canvas.height = window.innerHeight;
    }
    
    ctx.strokeStyle = "red";
    ctx.shadowBlur = 25;
    ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";
    
    var precision = 100;
    var hearts = [];
    var mouseMoved = false;
    function onMove(e){
      mouseMoved = true;
      if(e.type === "touchmove"){
        hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));
        hearts.push(new Heart(e.touches[0].clientX, e.touches[0].clientY));
      }
      else{
        hearts.push(new Heart(e.clientX, e.clientY));
        hearts.push(new Heart(e.clientX, e.clientY));
      }
    }
    
    var Heart = function(x,y){
      this.x = x || Math.random()*ww;
      this.y = y || Math.random()*wh;
      this.size = Math.random()*2 + 1;
      this.shadowBlur = Math.random() * 10;
      this.speedX = (Math.random()+0.2-0.6) * 8;
      this.speedY = (Math.random()+0.2-0.6) * 8;
      this.speedSize = Math.random()*0.05 + 0.01;
      this.opacity = 1;
      this.vertices = [];
      for (var i = 0; i < precision; i++) {
        var step = (i / precision - 0.5) * (Math.PI * 2);
        var vector = {
          x : (15 * Math.pow(Math.sin(step), 3)),
          y : -(13 * Math.cos(step) - 5 * Math.cos(2 * step) - 2 * Math.cos(3 * step) - Math.cos(4 * step)) 
        }
        this.vertices.push(vector);
      }
    }
    
    Heart.prototype.draw = function(){
      this.size -= this.speedSize;
      this.x += this.speedX;
      this.y += this.speedY;
      ctx.save();
      ctx.translate(-1000,this.y);
      ctx.scale(this.size, this.size);
      ctx.beginPath();
      for (var i = 0; i < precision; i++) {
        var vector = this.vertices[i];
        ctx.lineTo(vector.x, vector.y);
      }
      ctx.globalAlpha = this.size;
      ctx.shadowBlur = Math.round((3 - this.size) * 10);
      ctx.shadowColor = "hsla(0, 100%, 60%,0.5)";
      ctx.shadowOffsetX = this.x + 1000;
      ctx.globalCompositeOperation = "screen"
      ctx.closePath();
      ctx.fill()
      ctx.restore();
    };
    
    
    function render(a){
      requestAnimationFrame(render);
    
      hearts.push(new Heart())
      ctx.clearRect(0,0,ww,wh);
      for (var i = 0; i < hearts.length; i++) {
        hearts[i].draw();
        if(hearts[i].size <= 0){
          hearts.splice(i,1);
          i--;
        }
      }
    }
    
    
    onResize();
    window.addEventListener("mousemove", onMove);
    window.addEventListener("touchmove", onMove);
    window.addEventListener("resize", onResize);
    requestAnimationFrame(render);
    
    window.onload=function starttime(){
            time(h1,'2017,7,9');     // 刚在一起的时间
            ptimer = setTimeout(starttime,1000); // 添加计时器
    }
    
        function time(obj,futimg){
            var nowtime = new Date().getTime(); // 现在时间转换为时间戳
            var futruetime =  new Date(futimg).getTime(); // 未来时间转换为时间戳
            var msec = nowtime-futruetime; // 毫秒 未来时间-现在时间
            var time = (msec/1000);  // 毫秒/1000
            var day = parseInt(time/86400); // 天  24*60*60*1000 
            var hour = parseInt(time/3600)-24*day;    // 小时 60*60 总小时数-过去的小时数=现在的小时数 
            var minute = parseInt(time%3600/60); // 分 -(day*24) 以60秒为一整份 取余 剩下秒数 秒数/60 就是分钟数
            var second = parseInt(time%60);  // 以60秒为一整份 取余 剩下秒数
            obj.innerHTML="陈陈<br>咱俩在一起的时间已经:<br>"+day+"天"+hour+"小时"+minute+"分"+second+"秒"+"了<br><span>2021即将来临,真爱来了,我们要好好把握。<br>不管面临多大的压力,不管前面的路如何崎岖.<br>不管经历过什么,我仍坚信最浪漫的事就是和你一起慢慢变老.<br>相信中间的计时器,将永远继续下去,直至数据溢出.</span>"
    
            return true;
        }
    </script>
    <audio autoplay="autoplay" loop="loop" preload="auto"
                src="http://www.0dutv.com/plug/down/up2.php/107192078.mp3">       
    </audio>
    </body>
    </html>
    

    效果:

    在这里插入图片描述
    补充:
    里面的文字自行修改哦,刚在一起的时间也可以更改。网页背景音乐可能过期 ,可以自己换音乐链接(或者本地音频),换成你自己的录音也行。
    在这里插入图片描述

    另外附上我的其他爱心表白代码地址。html表白代码大全
    对html感兴趣的可以关注一下博主哦,会不定期更新的。

    展开全文
  • 表白代码HTML

    千次阅读 多人点赞 2020-12-23 09:37:17
    3.打开并且把一下代码复制并粘贴到biaobai.txt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=...
  • 精心准备开源的html表白代码两套
  • web开发表白代码,基于html+css+Javascript实现表白代码,抖音超火得代码。下载即可使用,带背景音乐,表白动态爱心树
  • 首先给大家回顾一下,上一期的代码内容:上面的HTML文件里用到了5个HTML标记,下面依次介绍它们的作用。实际上,它们构成了最简单的完整的HTML文件结构。1标记: 标记放在HTML文件的开头,并没有什么实质性的功能,...
  • 操作更方便哦 第二步:解压 第三步:编辑 第四步:编辑文字(也就是index.html文件),可以先将index.html修改格式index.txt,文字修改后改回index.html,如下两处位置 最后效果,最好用Microsoft Edge浏览器打开,...
  • html5情人节我爱你表白代码.zip
  • 表白代码

    2020-06-20 16:10:48
    爱心表白 演示地址:https://kjjt.asia/aixin.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
  • 表白代码Love.html

    2019-12-23 10:44:08
    看看·能不能·混混积分
  • 恋爱表白神器-表白代码html动态图 效果演示http://www.lmtaolu.cn/biaobai/biaobaishenqi1/
  • 七夕快到了,在抖音看那些大手子...有各种代码哦,表白,恶搞的都有,具体操作很简单,接下来小编就来教大家一下。(超简单的,学不会你可以打死我,学会了你就点个赞评论666咯,哈哈)将代码复制到txt文本首先在桌面...
  • html爱心表白代码(最全)

    万次阅读 多人点赞 2020-12-20 18:12:32
    代码1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>跳动爱心</title> <style> *{ padding: 0; margin: 0; } body{ background-c
  • html表白_七夕,程序员的表白代码

    千次阅读 多人点赞 2020-12-01 05:38:22
    0、委婉的表白Python 代码:import stringl = string.ascii_letterss = []s.append(l[34])s.append(l[11])s.append(l[14])s.append(l[21])s.append(l[4])s.append(l[24])s.append(l[14])s.append(l[20])s....
  • HTML5的程序猿表白代码,有红色的小花飘落
  • 表白HTML代码

    2014-08-02 20:48:31
    表白用的HTML代码,内容可自行修改。
  • 使用jQuery+html表白代码

    千次阅读 多人点赞 2019-08-08 14:59:21
    虽然七夕刚过,但是表白什么都不迟,在这里我就搞了一点代码,献给大家 代码如下: <!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>...
  • 来自:Datawhale(微信号...从古至今的表白语言都可以转化为程序语言来表达~代码花式表白除了文字形式的表白,还可以用代码完成特效(^U^)ノ~YO项目地址:http://bigeone.cn/love/index.html不仅提供了8种花式表...
  • html如何制作爱情表白代码

    万次阅读 多人点赞 2018-02-09 11:30:52
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;&lt;html xml:lang="en" xmlns="...
  • JS表白代码

    2020-02-14 10:50:42
    简单的JS弹窗表白代码 思路:只有当用户输入1(表示喜欢你)才有进一步浏览的资格。如果用户输入2(不喜欢你)就会陷入死循环进行撒娇,只有当用户输入1,才可以跳出循环,进入浏览界面。 然后浏览界面有个button...
  • 情人节、纪念日、表白网页设计 HTML+JS 可自定义表白语言及背景音乐。 可自定义修改样式及其他。
  • html,实现心动的表白代码

    千次阅读 2020-12-30 10:42:00
    今天看到多年年前的大佬写的 js表白代码,觉得不错,分析给大家 代码在这宫里 Love <link type="text/css" rel="stylesheet" href="./Love_files/default.css"> <script type="text/javascript" src=...
  • HTML+CSS+JS 表白代码

    千次阅读 2020-08-13 10:25:31
    文章目录案例一 爱你到天昏地暗案例二 带有音乐的表白代码 案例一 爱你到天昏地暗 <html> <style type="text/css"> <!-- .STYLE1 {font-size: medium} --> </style> <center><...
  • 基于HTML、CSS、JS的情人节表白代码

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 402
精华内容 160
关键字:

表白代码html