FOCUS ON US

点击蓝字.关注我们

<script src="js/snow.js"></script>

<script>

$(".pic ul li").each(function(i){//遍历

var deg=360/$(".pic ul li").size();//size个数

//当前的li对象 添加css样式

$(this).css({"transform":"rotateY("+deg*i+"deg) translateZ(216px)"});

$.fn.snow({

minSize:10,

maxSize:15,

newOn:500,

flakeColor:"#ffffff"

});

});

var i=0;

var str="能够遇见你是我最大的幸运，有了你生活变得丰富多彩，有了你，世界变得如此迷人；你是我的世界，我的世界是你，对我来说，不是在最美好的时光遇见了你，而是遇见你后都是最美好的时光！";

window.onload=function typing(){

//获取div

var mydiv=document.getElementById("text");

mydiv.innerHTML+=str.charAt(i);

i++;

var id=setTimeout(typing,100);

if(i==str.length){

clearTimeout(id);

}

}

</script>

</body>

<style type="text/css">

* { 

margin:0; padding:0;

 }

body { 

width:100%; height:100%; overflow:hidden; 

}

#main{

position: absolute;

top: 200px;

left: 35%;

cursor: pointer;

}

#main:hover{

}

</style>

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/canvas_bg.js" ></script>

</head>

<body>

<canvas id="c" style="position: absolute;z-index: -1;text-align: center;"></canvas> 

<div id="main"><h1>你知道吗，等待是最长情的告白</h1></div>

</body>

</html>

<div id="mainDiv">

<div id="content">

<div id="code">

<span class="comments">/**</span><br />

        <span class="space"/><span class="comments">* 麻了秃头小粉丝们，大家好</span><br />

        <span class="space"/><span class="comments">* 我写这个表白特效来庆祝这个特殊的日子。</span><br />

        <span class="space"/><span class="comments">* 虽然，我不是一个很擅长表达言语的人。</span><br />

        <span class="space"/><span class="comments">* 但我希望我们能记住我们在一起的每一刻。</span><br />

<span class="space"/><span class="comments">*/</span><br />

Girl u = <span class="keyword">new</span> Girl(<span class="string">"Abby"</span>);<br/>

Boy i = <span class="keyword">new</span> Boy(<span class="string">"Mark"</span>);<br />

<span class="comments">// 今天是六月十二日。</span><br />

<span class="comments">// 给大家拜个早年吧。</span><br />

<span class="comments">// 我把你的美丽记录在日记里，让文字把你的青春铭记。</span><br />

        <span class="comments">// 我把你的笑容粘贴在日记里，让图片把你的活泼记忆。</span><br />

<span class="comments">// 我把我的照片夹进日记里，让爱情把你的幸福牢系。</span><br />

<span class="comments">// 对我来说是个重要的时刻，我发现我已经深深爱上了你！</span><br />

        <span class="comments">// 当我凝视你的眼，当我听到你的声音。</span><br />

<span class="comments">// 当我闻到你秀发上淡淡的清香。</span><br />

        <span class="comments">//  </span><br />

我爱你;<br />

<span class="comments">//当我感受到我剧烈的心跳，我明白了：</span><br />

我想你;<br />

<span class="comments">// 你在我心中最美。</span><br />

我想照顾你 <br />

<span class="comments">// 你是我今生的唯一！</span><br />

<span class="comments">// 所以我继续等待，我有信心，你会。</span><br />

<span class="keyword">我会</span> 永远  <span class="keyword">爱你</span>;<br />

<span class="keyword">一直</span> 爱你 <br />

<span class="placeholder"/>我有一颗永远不变的心<br />

<span class="placeholder"/><span class="comments">// 我认为这是一个重要的决定。</span><br />

<span class="placeholder"/><span class="comments">// 你可以在任何时候决定。</span><br />

<span class="placeholder"/>爱你 = 想你<br /><br />

我非常高兴能认识你<br />

</div>

<div id="loveHeart">

<canvas id="garden"></canvas>

<div id="words">

<div id="messages">

        小家伙,我们已经相爱了：

<div id="elapseClock"></div>

</div>

<div id="loveu">

<div class="signature">--Mark</div>

</div>

</div>

以上同款类似代码也可以关注博主的合集——“前端特效”，前面代码获取方式：私信回复：WAX520

看看这

说在最后

       

• 更多资料请关注本公众号，博主将不定期分享免费好物，如果你觉得本期分享对你有帮助，就请帮忙三连->.<-

• 如需各类系统设计的小伙伴也可以联系私信我，联系方式在聊天窗口

  
  

以下是对你具有帮助的几篇文章

往期回顾

#

毕设、工作、日常生活必备工具

#

学生党必备！免费查重、降重、开题报告、答辩技巧

#

毕设、课设有了它必过！

#

计算机系统运行教程

#

两天完成初稿！！！

#

PHP-MYSQL图书管理系统（附源码免费）

#

免费的 ChatGPT 网站(六个)