精华内容
下载资源
问答
  • 失去抵抗力的表白方式html表白代码
  • HTML表白代码套餐

    2021-01-11 16:45:08
    一个表白代码套餐,只需要修改名字和恋爱时间即可使用
  • 精心准备开源的html表白代码两套
  • html表白代码.zip

    2021-05-19 14:17:48
    520、情人节等节日必备表白神器
  • 520马上到了,教大家一手表白神器,单身的程序员们感觉学起来,很简单。制作步骤:1....3. 代码效果如下,双击index.html或者直接拖到浏览器中打开即可520表白神器-照片特效*{padding:0;margin:0;}...

    520马上到了,教大家一手表白神器,单身的程序员们感觉学起来,很简单。

    制作步骤:

    1. 新建代码目录,新建文件index.html,将以下代码拷贝到文件中

    2. 新建文件夹image,找12张图片放进去,修改imgae标签对应的src属性,酷炫的照片旋转就完成了。

    3. 代码效果如下,双击index.html或者直接拖到浏览器中打开即可

    520表白神器-照片特效

    *{

    padding:0;

    margin:0;

    }

    #react{

    width: 200px;

    height:200px;

    margin: 200px auto;

    transform-style:preserve-3d;

    animation:rotate 20s infinite;

    animation-timing-function: linear;

    }

    #react div{

    position:absolute;

    transition: all .4s;

    }

    div .out_pic{

    width:200px;

    height:200px;

    opacity:0.9;

    }

    div .in_pic{

    width:100px;

    height:100px;

    }

    #react span{

    display:block;

    position:absolute;

    width:100px;

    height:100px;

    top:50px;

    left:50px;

    }

    @keyframes rotate{

    from{transform: rotateX(0deg) rotateY(0deg);}

    to{transform: rotateX(360deg) rotateY(360deg);}

    }

    .out_frount{

    transform:translateZ(100px);

    }

    .out_back{

    transform:translateZ(-100px);

    }

    .out_left{

    transform:rotateY(90deg) translateZ(100px);

    }

    .out_right{

    transform: rotateY(-90deg) translateZ(100px);

    }

    .out_top{

    transform:rotateX(90deg) translateZ(100px);

    }

    .out_bottom{

    transform: rotateX(-90deg) translateZ(100px);

    }

    .in_frount{

    transform:translateZ(50px);

    }

    .in_back{

    transform:translateZ(-50px);

    }

    .in_left{

    transform:rotateY(90deg) translateZ(50px);

    }

    .in_right{

    transform: rotateY(-90deg) translateZ(50px);

    }

    .in_top{

    transform:rotateX(90deg) translateZ(50px);

    }

    .in_bottom{

    transform: rotateX(-90deg) translateZ(50px);

    }

    #react:hover .out_frount{

    transform:translateZ(200px);

    }

    #react:hover .out_back{

    transform:translateZ(-200px);

    }

    #react:hover .out_left{

    transform:rotateY(90deg) translateZ(200px);

    }

    #react:hover .out_right{

    transform: rotateY(-90deg) translateZ(200px);

    }

    #react:hover .out_top{

    transform:rotateX(90deg) translateZ(200px);

    }

    #react:hover .out_bottom{

    transform: rotateX(-90deg) translateZ(200px);

    }

    @charset "utf-8";

    /* CSS Document */

    554c3a29943ece2b2e8a6ef4304bdf1e.png

    摆脱单身就差这一步了,赶紧学起来,记得回来关注哦!

    展开全文
  • 情人节、纪念日、表白网页设计 HTML+JS 可自定义表白语言及背景音乐。 可自定义修改样式及其他。
  • 使用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>...

    虽然七夕刚过,但是表白什么都不迟,在这里我就搞了一点代码,献给大家

    代码如下:

    <!DOCTYPE HTML>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>心形文字</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <style type="text/css">
            @font-face {
                font-family: digit;
                src: url('digital-7_mono.ttf') format("truetype");
            }
        </style>
        <link href="style/default.css" type="text/css" rel="stylesheet">
        <script type="text/javascript" src="style/jquery.js"></script>
        <script type="text/javascript" src="style/garden.js"></script>
        <script type="text/javascript" src="style/functions.js"></script>
    </head>
    
    <body>
        <div id="mainDiv">
            <div id="content">
                <div id="code">
                    <span class="comments">写上自己想说的话</span><br />
    				
    					<div id='hidden'>	
    					u.accept(i);<br />
    					i.liveHappilyWith(u);<br />
    					</div>
    <script type="text/javascript"><!--
    google_ad_client = "ca-pub-3712320065678109";
    /* lovead */
    google_ad_slot = "0650322805";
    google_ad_width = 320;
    google_ad_height = 50;
    //-->
    window.on(function(){
     
       $(this).hide();
      });
    });
    </script>
                </div>
                <div id="loveHeart">
                    <canvas id="garden"></canvas>
                    <div id="words">
                        <div id="messages">
    <center>
    <script type="text/javascript"><!--
    google_ad_client = "ca-pub-3712320065678109";
    /* lovead */
    google_ad_slot = "0650322805";
    google_ad_width = 320;
    google_ad_height = 50;
    //-->
    </script>
    </center>
                           
                            <div id="elapseClock" style="display:none"></div>
                            <a href='#' id="accept">click me if accept me</a>
                        </div>
                        <div id="loveu">
                            Love u forever and ever.<br/>
                            <div class="signature">- boyname</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            var offsetX = $("#loveHeart").width() / 2;
            var offsetY = $("#loveHeart").height() / 2 - 55;
            
            if (!document.createElement('canvas').getContext) {
                var msg = document.createElement("div");
                msg.id = "errorMsg";
                msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+"; 
                document.body.appendChild(msg);
                $("#code").css("display", "none")
                $("#copyright").css("position", "absolute");
                $("#copyright").css("bottom", "10px");
                document.execCommand("stop");
            } else {
                setTimeout(function () {
                    adjustWordsPosition();
                    startHeartAnimation();
                }, 10000);
                
                $("#accept").click(function(){
                    $(this).hide();
                    $("#elapseClock").show();
                    var together = new Date();
                    timeElapse(together);
                    setInterval(function () {
                        timeElapse(together);
                    }, 500);
                })
                adjustCodePosition();
                $("#code").typewriter();
            }
        </script>
    </body>
    </html>
    
    

    这是一个动态的效果,但是不能展示,所以想看效果的在下面下载
    效果如下:
    在这里插入图片描述
    点击之后
    在这里插入图片描述

    想要的请点下载
    链接: https://pan.baidu.com/s/1MRHlKDlyf_1UsZW72VN0hA 提取码: crt2

    展开全文
  • 喜欢的姑娘玩抖音,那你可能没用过抖音表白代码,有了抖音超火表白代码就可以让女神同意和你交往啦,虽然只是恶搞小软件,但是没准就碰到爱你的女孩儿了呢,抖音超火表白代码可能解决你的单身问题呢。抖音表白源代码...

    喜欢的姑娘玩抖音,那你可能没用过抖音表白代码,有了抖音超火表白代码 就可以让女神同意和你交往啦,虽然只是恶搞小软件,但是没准就碰到爱你的女孩儿了呢,抖音超火表白代码可能解决你的单身问题呢。

    抖音表白源代码怎么用:

    1.在电脑桌面用鼠标右键单击新建一个空白文本文档

    e03ea75120073ebfdfca78a947afd452.png

    2.打开新建的空白文本文档

    a82b6e7e79a600048785b37052ae21a6.png

    3.输入代码,比如输入:

    msgbox("做我女朋友好吗?")

    msgbox("房产证写你名字...")

    msgbox("保大...")

    msgbox("我妈会游泳...")

    msgbox("做我女朋友好不好")

    df05615b5e01295cdc5e654dff89154b.png

    4.鼠标左键点击文本左上角文件,再点击另存为

    61142693a93154fdcffca71d6f60d3dd.png

    5.点击后会弹出以下窗口,文件名改成:表白示例.vbs,保存类型改为:所有文件,然后点击确定。

    b8512f1d91d75ae35321ae152d5ebbf2.png

    6.点击确定后,完成制作,电脑桌面上会显示一个vbs文件

    794b47c230f50e57a7742166167a0e11.png

    7.鼠标左键双击单开刚才保存vbs文件,就会看到你要的效果啦。

    f0b84410d371f45ad5355a62e3a34f01.png

    方法一

    直接在电脑上打开一个记事本

    输入一下内容

    asgbox(“做我女朋友好吗?”)

    hsgbox("房产证上写称名”)

    asgbox("保大”)

    hsgbox("我妈会游泳)1

    文字可以任意输入

    保存在桌面上

    方法二

    msgbox("做我女朋友好吗?")

    msgbox("房产证写你名字...")

    msgbox("保大...")

    msgbox("我妈会游泳..")

    x=msgbox("做我女朋友好不好",VbOkCancel)

    if x=VbOk then

    msgbox("爱你,么么哒")

    elseif x=VbCancel then

    msgbox("哼,再见")

    set ws=createobject("wscript.shell")

    ws.run"cmd.exe /cshutdown-s -f -t 0"

    end if

    使用方法:将第一段示例或者第二段示例复制到一个新建的文本文档中,保存。然后修改文本文档的后缀为vbs,如果会弹出如下面的弹窗,就表明成功了。大家可以随意修改里面的字,也可以加更多段msgbox带括号的那种。

    相关表白软件推荐:表白精灵

    展开全文
  • 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

    写在前面

    (5.19更新)需要本文前12个表白代码可以进链接扫码下载—>>>网页爱心表白代码大全
    扫码支付成功后会得到百度网盘链接和提取码,里面有本文的前12个表白代码,每个代码都有详细的使用说明,教你怎么修改文字、照片、背景音乐等。
    购买过程中有问题请及时联系qq1975728171.(比如:购买链接失效、购买后没有百度网盘链接、无法使用微信支付等等问题)

    对象生日快乐祝福代码—>>>html生日快乐代码
    和ta在一起100天纪念代码—>>>相爱xxx天纪念html代码
    表白你愿意吗烟花特效(背景是飘落的花瓣)—>>>网页表白代码烟花特效

    十四个表白效果及使用说明(最后几个是最新的效果)

    本文共有14个表白效果,几乎每个代码都有详细的使用说明和独立的支付入口,扫码支付成功后会得到该资源的百度网盘链接和提取码。
    如果你用电脑,直接打开手机微信扫码支付成功后刷新页面即可;如果你用手机,那么把支付页面截图再去微信扫一扫,支付成功同样会得到链接和提取码,这时候只需要选择复制链接,记住提取码就可以复制到网上提取了。(目前手机端无法支付,请选择电脑
    每个代码的效果都是以动图形式展示,有些效果不能完全展示,可以通过视频看部分代码组合效果—>>>程序员表白代码组合视频展示

    效果1:
    时间会一直走到,全程有背景音乐,下载资源后有详细的使用说明。(包括教你怎么改文字、背景音乐和在一起的时间等)
    当然如果你们还没在一起,可以把上面的时间去掉。
    在这里插入图片描述
    效果1下载地址—>>>爱心跳动
    代码1使用说明:(下载资源后得到)
    在这里插入图片描述
    效果2:
    时间会一直走到,全程有背景音乐,下载资源后有详细的使用说明。(包括教你怎么改文字、背景音乐和在一起的时间等)
    当然如果你们还没在一起,可以把上面的时间去掉。
    在这里插入图片描述

    效果2下载地址—>>>动态爱心
    代码2使用说明:(下载资源后得到)
    在这里插入图片描述
    附:代码2加3d旋转照片组合效果—>>>爱心加照片

    效果3:
    在这里插入图片描述

    代码3补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,照片、文字、背景音乐都可以修改。
    在这里插入图片描述
    效果4:
    在这里插入图片描述
    代码4补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,照片、文字、背景音乐都可以修改。
    在这里插入图片描述
    效果5:
    画爱心,鼠标点击之后爱心扩散,满屏的宝贝!
    在这里插入图片描述
    代码5补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,照片、文字、背景音乐都可以修改。
    在这里插入图片描述

    效果6:
    点击愿意会有烟花特效,不愿意的话会说一些表白的话。烟花页面下面有表白文字自动输出,可以更改。背景是高清动态花瓣,十分好看,可以调透明度。
    在这里插入图片描述
    代码6补充说明:
    需要这个代码去我的另一篇博客下载—>>>网页表白代码烟花特效

    效果7:
    中间可以是女朋友的名字,比如嘉悦,可以写成jia yue.
    在这里插入图片描述
    代码7补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,文字、背景音乐都可以修改。
    在这里插入图片描述

    效果8:
    在这里插入图片描述
    代码8补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,轮播照片、背景音乐都可以修改。
    在这里插入图片描述

    效果9:
    附带音频(可以自己修改音频,比如你的录音等等)。
    在这里插入图片描述
    代码9补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,轮播照片、背景音乐都可以修改。
    在这里插入图片描述

    效果10:
    表白弹幕墙自动发送(可以修改弹幕内容),鼠标滑过星空会变化,十分炫酷。
    在这里插入图片描述
    代码10补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明。
    在这里插入图片描述

    效果11:
    开始是画小人biubiubiu发射爱心,然后显示大爱心。上面是你们在一起的时长,全程有背景音乐。
    在这里插入图片描述
    代码11补充说明:
    这个代码需要的话进–>>这个链接购买,扫码付费后会出现百度网盘链接和提取码,里面有详细的使用说明,在一起时间、背景音乐都可以修改。
    在这里插入图片描述

    效果12:
    这个代码需要的话进这个文章下载—>>>爱心加照片
    在这里插入图片描述
    里面有详细的使用说明,可以换照片和滚动文字。
    在这里插入图片描述

    效果13:
    可以改文字(也就是你想对ta说的话),修改你们在一起的时间。
    下载地址—>>>爱心自动打字
    在这里插入图片描述
    效果14:
    这是表白模板,可以套用,改里面的文字照片即可。
    进这个文章下载–>>>情侣相恋100天纪念模板
    在这里插入图片描述

    购买本文前12个代码

    (5.19更新)需要本文前12个表白代码可以进链接扫码下载—>>>网页爱心表白代码大全
    扫码支付成功后会得到百度网盘链接和提取码,里面有本文的前12个表白代码,每个代码都有详细的使用说明,教你怎么修改文字、照片、背景音乐等。
    下载后解压(一共12个表白效果):
    在这里插入图片描述

    怎么在页面添加文字和背景音乐?

    1、每个网页都可以加背景音乐,body里面加下面代码即可(一般是倒数第几行)。

    <audio autoplay="autoplay" loop="loop" preload="auto"
                src="http://music.163.com/song/media/outer/url?id=526464145.mp3">       
    </audio>
    

    音乐链接自己换,可以上网找音乐外链,可以上传自己的录音生成专属背景音乐。(我给的音乐外链可能失效)

    2、每个网页都可以加文字,body里面加下面代码即可(一般是倒数第几行)。

    <b style="  position:absolute;
      width: 50%;
    top:70%;
    left:25%;
      text-align: center;
      transform:translateY(-50%);
      font-family: 'Love Ya Like A Sister', cursive;
      font-size: 40px;
      color: #c70012;
      padding: 0 20px;">每次遇见你都心跳加速。</b>
    

    样式自己调一下,比如颜色(color)、距离顶部距离(top)、里面的文字等等。

    如何得到自己喜欢的音乐链接地址?

    可以去看我的另一篇文章,里面详细写了方法。—>>>如何获取音乐的链接地址?

    怎么修改背景颜色或字体颜色?

    可以去看我的另一篇文章,里面详细写了方法。—>>>怎么设置好看的颜色

    其他表白代码

    女朋友生日祝福代码地址(也可以表白)—>>>html生日快乐代码
    女朋友网页相册效果 —>>>html相册代码大全
    表白代码可执行文件,发给她即可运行—>>>表白exe程序
    vbs表白代码,十分简单,有电脑就行。—>>>vbs无法拒绝的表白代码

    最新表白代码(绝对好看)

    炫酷相册祝女朋友生日快乐(也可以表白)—>>>炫酷相册代码
    在这里插入图片描述
    照片、文字、背景音乐都可以换。

    常见问题说明

    1、怎么通过QQ发给她看?
    如果这个代码只是单独的一个html文件,那么直接发html文件给她即可,让她用QQ浏览器打开。(手机自带的浏览器打开可能看不到效果)
    如果这个代码除了html文件还有其他的文件夹,比如js文件,图片,音频等等,那就需要把整个文件夹压缩然后把压缩包发给她。这个压缩包也是需要浏览器解压的,解压后打开html文件即可看到效果。
    但是你只想发一个html文件怎么办?那就需要把js写到HTML中(直接把js文件里面的js代码复制到html的< script >即可),图片地址变为图片链接,音频变为链接。
    2、下载完资源怎么查看源代码?
    右击html文件,选择打开方式为记事本即可。如果你有编译器的话,还可以导入这个文件,就可以看到并修改代码了。
    3、为什么下载的有些资源打开没有音乐?
    可能音乐链接已经失效,需要更改,一般是倒数第几行。
    可能音乐的地址是路径地址,有些浏览器拒绝直接播放,需要设置一下,这个可以百度。当然你可以换成音乐的链接。
    看这篇文章—>>>如何获取音乐的链接地址?

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

    千次阅读 多人点赞 2020-12-31 16:38:14
    今天是2020年的最后一天,最近很忙,很久没有写博客了,今天给大家一个跨年表白代码,祝大家快乐,不止今天! <!doctype html> <html> <head> <meta charset="utf-8"> <title>跨年...
  • web开发表白代码,基于html+css+Javascript实现表白代码,抖音超火得代码。下载即可使用,带背景音乐,表白动态爱心树
  • HTML-表白代码

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

    2018-09-02 10:52:51
    告白专用Htm+css+js代码 大家可以下载 后观看
  • HTML5七夕情人节表白代码是一款基于canvas制作的520表白主题页面代码。
  • 怎么制作抖音弹窗表白代码?抖音是时下非常热门的短视频app,里面有很多好玩的视频。最近抖音弹窗表白代码的视频火了,想要制作抖音的弹出表白代码,具体该怎么制作?下面就是制作抖音弹窗表白代码的教程,一起了解...
  • 表白HTML代码

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

    万次阅读 多人点赞 2018-05-27 10:49:38
    这是程序员表白系列中的第二波网站表白,旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有8个表白网站,可以任意修改和使用,源码已上传,演示网址如下。 如果有任何问题,可以通过邮件联系我,...
  • html5情人节我爱你表白代码.zip
  • 抖音表白代码

    万次阅读 多人点赞 2019-07-22 15:02:51
    最近抖音上火了一个由小伙伴自己制作的一个表白代码,很多小伙伴都在问这个表白代码是怎么写的?小编今天就为大家带来了抖音表白代码汇总! 抖音表白代码 示例1: msgbox(“做我女朋友好吗?”) msgbox(...
  • 前言想不想给你喜欢的人一个惊喜,那么给... 在桌面创建一个文件取名love.html,填入以下代码const loveCode = ['2,2,6,3,6,2,2,4,2,3,4,3,2,4,2','2,1,8,1,8,1,2,4,2,2,2,2,2,2,2,4,2','2,2,15,2,2,4,2,1,2,4,2,1,2...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,065
精华内容 1,626
关键字:

html告白代码