表白女神专用代码（漂浮的心+手写文字效果）

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>练习</title></head><style>*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;outline-style:none; }#heartText3{position: absolute;right: 0;width:800px;top: 0;overflow: hidden;font-size: 30px;font-weight: 100;color:black;font-family:wst_ital; /*font-family:"courier new";*/opacity: 0.6;   /*text-shadow: 5px 1px 6px aqua;                    */      }#div{margin-top: 0px;background-image: url(img/timg.jpg);  background-size:100% 100%;background-repeat:no-repeat;}</style><body><div id="div"><pre id="heartText" style="display: none;"> 青梅竹马，从小一起长到大 突然有一天，他对她说：“嫁给我吧” 但是她犹豫不决 于是他们用剪刀石头布决定一切他赢了结婚后她问他，为什么那么有把握。他淡淡地一笑：“七岁的时候我就知道你喜欢出石头” </pre><pre id="heartText2"> </pre>          <pre id="heartText4" style="display: none;"> //随机颜色的方法function randomColor(){return parseInt(Math.random()*255+1);}//获取窗口的宽高var width=$(Window).width();var height=$(Window).height();$("#div").css({'height':height    ,'width':width})//代码部分手写效果var value_dm=$("#heartText4").text();        var count_dm=0;var timer_dm=setInterval(function(){count_dm++;$("#heartText3").text(value_dm.substring(0,count_dm));  var l1=parseInt($("#heartText3").text().length);var l2=parseInt(value_dm.length);           if(l1==l2){clearInterval(timer_dm);clearInterval(timer_container);$("#heartText3").remove();}},4)       //代码所在的容器循环上移var timer_container=setInterval(function(){var t1=$("#heartText3").css("top").replace("px","");$("#heartText3").css("top",(parseInt(t1)-500)+"px");           },6000)//文字部分的手写效果var value=$("#heartText").text();var count=0;var timer=setInterval(function(){count++;$("#heartText2").text(value.substring(0,count));$("#heartText2").css({"color":"rgb("+randomColor()+","+randomColor()+","+randomColor()+")","fontSize":'30px','fontFamily':'楷体'})if(count>value.length){clearInterval(timer)}},50)//满天红心的随机漂浮的效果setInterval(function(){            var tem="<p>❤</p>";          $("#div").append(tem);            $("p").css({"z-index": 9999,'position':'absolute',                              'top':Math.random()*(height-160)+120,                'left':Math.random()*(width-160)+40,'color':"red",               'fontSize':parseInt(Math.random()*20+20)+'px'})   var p_tem=$("p").css("fontSize").replace("px","");$("p").animate({'top':parseInt($("p").css("top"))-10,'left':parseInt($("p").css("left"))+10,'opacity':0,'fontSize':(parseInt(p_tem)+(Math.random()*10+20))+'px'},3500,function(){$(this).empty()})},300)</pre>  <pre id="heartText3"  > </pre></div></body><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script>//随机颜色的方法function randomColor(){return parseInt(Math.random()*255);}//获取窗口的宽高var width=$(Window).width();var height=$(Window).height();$("#div").css({'height':height  ,'width':width})//代码部分手写效果var value_dm=$("#heartText4").text();        var count_dm=0;var timer_dm=setInterval(function(){count_dm+=3;$("#heartText3").text(value_dm.substring(0,count_dm)); var l1=parseInt($("#heartText3").text().length);var l2=parseInt(value_dm.length);           if(l1==l2){clearInterval(timer_dm);clearInterval(timer_container);$("#heartText3").remove();}},6)       //代码所在的容器循环上移var timer_container=setInterval(function(){var t1=$("#heartText3").css("top").replace("px","");$("#heartText3").css("top",(parseInt(t1)-500)+"px");           },1800)//文字部分的手写效果var value=$("#heartText").text();var count=0;var timer=setInterval(function(){count++;$("#heartText2").text(value.substring(0,count));$("#heartText2").css({"color":"rgb("+randomColor()+","+randomColor()+","+randomColor()+")","fontSize":'40px','fontFamily':'楷体'})if(count>value.length){clearInterval(timer)}},50)//满天红心的随机漂浮的效果setInterval(function(){            var tem="<p>❤</p>";          $("#div").append(tem);            $("p").css({"z-index": 9999,'position':'absolute',                              'top':Math.random()*(height-180)+120,                'left':Math.random()*(width-180)+40,'color':"red",               'fontSize':parseInt(Math.random()*20+20)+'px'})   var p_tem=$("p").css("fontSize").replace("px","");$("p").animate({'top':parseInt($("p").css("top"))-20,'left':parseInt($("p").css("left"))+20,'opacity':0,'fontSize':(parseInt(p_tem)+(Math.random()*10+20))+'px'},2500,function(){$(this).empty()})},200)     </script>
</html>

表白女神专用代码（漂浮的心+手写文字效果）相关推荐

文字描边加粗_用AE制作动态手写文字效果
现在很多设计师在设计logo或者字体的时候,已经不单纯的停留在固定不动的状态,而是添加了很多动效来提升作品的视觉效果.以现在流行的动效设计来看,可以分为三类:交互动效.MG动效.后期动效. 交互动效: ...
java文字手写识别_【手写文字识别】-JavaAPI示例代码
手写文字识别-JavaAPI示例代码不知不觉手写文字识别百度已经开始邀测了.需要的小伙伴去申请了哦.申请方式加入文字识别群找PM.或者工单提交申请.都要说明自己的APPID哦. 接口地址:https ...
百度AI攻略：手写文字识别
1.功能描述: 支持对图片中的手写中文.手写数字进行检测和识别,针对不规则的手写字体进行专项优化,识别准确率可达90%以上 2.平台接入具体接入方式比较简单,可以参考我的另一个帖子,这里就不重复了: ...
GitHub 热榜：这款开源神器可帮您将文本转换为手写文字，并下载为 PDF 格式文件！...
今天给大家推荐一个非常有意思的开源工具 -- Text-to-handwriting. 该开源工具是一名来自印度塔内的大学生 Saurabh Daware 开源,他花费了 3 个小时编写了这么一款自动 ...
使用kNN算法实现简单的手写文字识别
0. 介绍 kNN,即k-Nearest Neighbor(k近邻算法), 简介可参考KNN的一些总结. 本文是<机器学习实战>一书第二章的例子, 主要利用kNN实现简单的手写文字识别. ...
【python】调用百度智能云API实现手写文字识别
注:本文系湛江市第十七中学星火创客团队及岭南师范学院物联网俱乐部原创部分参赛项目,转载请保留声明文章目录调用百度智能云API实现python识别手写文字一.准备工具电脑端准备: 1.pytho ...
Tesseract Ocr文字识别实战（新版本，扩展手写文字识别）
目录 1.Tesseract Ocr文字识别 1.1 运行环境 1.2 python模块 1.3 配置tesseract运行文件 1.4 代码识别 2. 手写汉字识别 2.1 下载库 2.2 代码 1 ...
深度学习实战14(进阶版)-手写文字OCR识别，手写笔记也可以识别了
大家好,我是微学AI,今天给大家带来手写OCR识别的项目.手写的文稿在日常生活中较为常见,比如笔记.会议记录,合同签名.手写书信等,手写体的文字到处都有,所以针对手写体识别也是有较大的需求.目前手写体 ...
Compose 实现手写春联效果
前言又是一年新春,在这里先给大家拜个早年了.每逢春节,写春联贴春联都是一项必不可少的活动.本次主要使用Compose,实现手写春联的效果.如果对你有所帮助,欢迎点个赞或者评论鼓励一下~ 爆竹声中一岁 ...

表白女神专用代码（漂浮的心+手写文字效果）

表白女神专用代码（漂浮的心+手写文字效果）相关推荐

最新文章

热门文章