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

    2021-01-11 16:45:08
    一个表白代码套餐,只需要修改名字和恋爱时间即可使用
  • 首先给大家回顾一下,上一期的代码内容:上面的HTML文件里用到了5个HTML标记,下面依次介绍它们的作用。实际上,它们构成了最简单的完整的HTML文件结构。1标记: 标记放在HTML文件的开头,并没有什么实质性的功能,...

    5beefe38ebb74f8bc66ee099560a588c.gif

    嗨咯 !大家好,这期给大家;继续解释上一期所用的几个简单的代码;首先给大家回顾一下,上一期的代码内容:

    caa542ed86f876130d15ce078cdcf4c8.png

    上面的HTML文件里用到了5个HTML标记,

    下面依次介绍它们的作用。

    实际上,它们构成了最简单的完整的HTML文件结构。

    57e28c0666aa432f418032f32c7cad36.gif

    1

    标记:

       标记放在HTML文件的开头,并没有什么实质性的功能,只是一个形式上的标记,但还是希望读者形成一个良好的编写习惯,在HTML文件开头使用标记来做一个形式上的开始。

    2

    标记:

       也称为头标记,一般放在标记里,其作用是放置关于此HTML文件信息,如提供索引、定义CSS样式等。

    3

    标记:

       称为标题标记,包含在标记内,它的作用是设定网页标题,可以看见在浏览器左上方的标题栏中显示这个标题,如图所示:

    94912d5b6cb016b79e7948866e19cae6.png

    4

    标记:

       又称为主体标记,网页所要显示的内容都放在这个标记内,它是HTML文件的重点所在。后面章节所介绍的HTML标记都将在这个标记内。然而它并不仅是一个形式上的标记,它本身也可以控制网页的背景颜色或背景图像,这将在后续下一期进行介绍。

      另外,在构建HTML框架的时候要注意一个问题,标记是不可以交错的,否则将会造成错误,如:(错误示范)

             teas           

    第四行与第五行代码位置颠倒了,这是错误的。

    a64722bdb1287a7dd2e570e08ce9cce7.gif

    撩妹代码福利

    表白代码

                alert("我喜欢你,你能做我女朋友吗?")

    效果图

    0ce21fddaaa1fe588a070fbdaaf4580e.png

    好了,这期的福利就到这里了;

    有更好,更简单,

    会第一时间发放到这个公众号喔!

    记得来观看

    9d2536a6bc121a888859f767d5957ba8.gif

    下期再见!!

    c50be1bfef9486917426ad86535b2717.gif

     66f99c53853a385b078292d1d524be0c.gif

    77cce1ebe4ee76751c66139210e25b2f.gif

    点击“阅读全文”查看更多资讯!

    6990974f926525223b73409ba4a5e80d.png
    展开全文
  • 操作更方便哦 第二步:解压 第三步:编辑 第四步:编辑文字(也就是index.html文件),可以先将index.html修改格式index.txt,文字修改后改回index.html,如下两处位置 最后效果,最好用Microsoft Edge浏览器打开,...

    今晚月色很美
    出处:夏目漱石是翻译老师,情景是一男一女月下漫步,男生对女生说“I love you”,夏目漱石的学生翻译为“我爱你”,而夏目漱石说这样太直白,不符合日本人含蓄的性格。学生问怎样更为恰当,他答“今晚月色很美”。

    我拒绝更好更圆的月亮,拒绝未知的疯狂,拒绝声色的张扬,不拒绝你。——《奇妙能力歌》·陈粒

    当风不再追云,当冰不再化水,当火不再炽热,当石不再坚硬,当世上没有爱情,我才能停止爱你……

    第一步:下载

    链接:https://pan.baidu.com/s/1o_8lsGhsf57DVgbiTfnkYA

    提取码:oqox

    复制这段内容后打开百度网盘手机App,操作更方便哦

    第二步:解压

    4571249a4f17a939554133362d1be0fe.png

    第三步:编辑

    24e1bf6aeb52c2ee223fb497ebf3ac78.png

    第四步:编辑文字(也就是index.html文件),可以先将index.html修改格式index.txt,文字修改后改回index.html,如下两处位置

    bdd503a53e980b52aedc069ccd6eea97.png

    最后效果,最好用Microsoft Edge浏览器打开,因为某些浏览器打开可能没声音

    9c1f01474e6cfba05dfbe94c6916f33f.png0cc135b6a39bd7acfc6fb47c94495b99.gif扫码关注我们爱岗敬业,脚踏实地任劳任怨,吃苦耐劳8536f4467581c08e2a9779d7cf8270db.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

    展开全文
  • 来自:Datawhale(微信号...从古至今的表白语言都可以转化为程序语言来表达~代码花式表白除了文字形式的表白,还可以用代码完成特效(^U^)ノ~YO项目地址:http://bigeone.cn/love/index.html不仅提供了8种花式表...

    来自:Datawhale(微信号:Datawhale)

    520到啦,不知道小伙伴们有没有想好怎么表白呢?搜集了一些栗子供大家参考哟!

    这里是栗子

    那些年程序员的情话

    编程语言真是神奇,从古至今的表白语言都可以转化为程序语言来表达~

    926636bacafed675be31968ee9c82a98.pngbd38f406cc96977096686a052162b964.png9fd206042a27ea04c9a3dc8b5f7beaf8.png

    代码花式表白

    除了文字形式的表白,还可以用代码完成特效(^U^)ノ~YO 项目地址:

    http://bigeone.cn/love/index.html

    不仅提供了8种花式表白的心形特效,还附有修改说明,真良心网站!

    69c45bcfbcc6673a8e0455a32b69ea90.pngf62c408a1423a3aa64c74ea9f1a6a3b8.png7ed61f76b9cfd9b5bc9bc53ff841a2f7.png8c6af95b54160042ed705ec2fe23c417.png0d89041a561f0578f479d586336f6694.png405f01098ea56a5ab28063098f4133ba.pngb8baaa76081799384eb497849f89fa1d.png804715051d7db83b114a69296d251b01.pnga7d810955c71196d492ff1837a205fe5.png

    这个网站提供了详细的指导,如何在新浪云上建站,如何上传、修改源代码,大家可以按照步骤建立网站,然后把网页发给心仪的对象哟~(什么,有童鞋问小编有没有对象?当然有了,不仅有对象,小编还有对车,对马,对炮,对士和五个卒,手持一套象棋,要啥有啥,小编可厉害了呢୧(๑•̀◡•́๑)૭)

    特效网页的简易版教程

    或许有童鞋觉得上面那个建立网站流程太复杂,没有建站经验的自己不好操作,别担心~手把手教你,本地文件统统搞定!

    Step1. 下载文件

    源码打包下载地址

    Github: https://github.com/wuxia2001/loveyue

    这是上面良心网站提供的源代码,内含8种花式表白。

    75337974dd371c6fa2f29636395664c9.png

    Step2. 挑选自己喜欢的模板

    按照8种特效的效果图呢,小编觉得效果1很不错,确认过眼神,是对的特效!

    Step3.修改代码

    接下来,我们就要开始修改啦,不要担心!作者的代码写得很好,我们只需要简单的修改变量就好啦~打开下载好的html文件。

    用浏览器打开html文件,我们可以在浏览器看效果~

    be1dfc30289dd94d504979b7e08796ed.png44297860912182d7d25db1785fdbd3b8.png

    接下来进入修改环节,小编使用notepad++软件来打开html文件,强烈推荐这个软件,贼好用(^o^)/~

    a2b12b35c97d84ac72f0188cf1c8b8ca.png4fa5de12f60e01704d3ec400e2e7a72b.png

    上面红框的大段文字,对应的是效果中左侧的表白,如果想要修改表白内容的话,就修改上面红框中的汉字。如果还想修改表白的话里的颜色,直接在span里加一处style="color:red",比如: 

    '我的小可爱'

    fed0f549c0cd2a96ebf838e5cbb233f6.png

    第186行这里,可以修改你们在一起的开始时间哟,没有对象的童鞋,可以填写开始喜欢的时间。小编当然是填写Datawhale成立时间啦~2018年12月6日!然后程序会自动计算到目前为止,一共经历了多长时间。

    Step4. 把程序打包好,发给你喜欢的人~

    制作效果如下:

    实现源码直接获取 Github: https://github.com/wuxia2001/loveyue


    ●编号821,输入编号直达本文

    ●输入m获取文章目录

    相关推荐↓↓↓ 

    55154c1d7b7ec92b92ef352a29464426.png

    Python编程

    展开全文
  • 居然还是用黑客知识来写代码表白成功的! 这让我悲痛不已 “兄弟要么?要叫声大哥,大哥教你” 然后我就用了他的方法来试了试 期待奇迹 ...
  • 小伙伴们好久不见,鸽了好久了,看来还是我太懒了呀!...进入正题,有一个小伙伴后台留言说要表白代码,这不,我来给你们安排了。双十一期间送一份自己写的代码给男/女朋友也是极好的,来看效果:这是用纯css样...
  • HTML-表白代码

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

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

    千次阅读 热门讨论 2020-12-31 16:38:14
    今天是2020年的最后一天,最近很忙,很久没有写博客了,今天给大家一个跨年表白代码,祝大家快乐,不止今天! <!doctype html> <html> <head> <meta charset="utf-8"> <title>跨年...
  • 里面全是html表白代码,都十分好看,有详细使用说明,赶快下载给发给她看看吧。一共十个效果,可以把照片换成女朋友照片,背景音乐也可以换成自己的录音哦。
  • web开发表白代码,基于html+css+Javascript实现表白代码,抖音超火得代码。下载即可使用,带背景音乐,表白动态爱心树
  • 表白代码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爱心表白代码(最全)

    万次阅读 多人点赞 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情人节我爱你表白代码.zip
  • 七夕快到了,在抖音看那些大手子...有各种代码哦,表白,恶搞的都有,具体操作很简单,接下来小编就来教大家一下。(超简单的,学不会你可以打死我,学会了你就点个赞评论666咯,哈哈)将代码复制到txt文本首先在桌面...
  • 表白代码

    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代码

    2014-08-02 20:48:31
    表白用的HTML代码,内容可自行修改。
  • HTML5的程序猿表白代码,有红色的小花飘落
  • 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="...
  • 恋爱表白神器-表白代码html动态图 效果演示http://www.lmtaolu.cn/biaobai/biaobaishenqi1/
  • JS表白代码

    2020-02-14 10:50:42
    简单的JS弹窗表白代码 思路:只有当用户输入1(表示喜欢你)才有进一步浏览的资格。如果用户输入2(不喜欢你)就会陷入死循环进行撒娇,只有当用户输入1,才可以跳出循环,进入浏览界面。 然后浏览界面有个button...

空空如也

空空如也

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

html表白代码