Your exclusive confession artifact
1, Story background
Don't we have to cross the new year in the last few days? A single roommate can't stand loneliness and wants to cross the new year with the goddess. As a roommate, I must help him fulfill his wishes!!!
Then he really didn't go back to his bedroom at night. The clown was myself......
After reading the story, let's go to dry goods sharing
2, Display of ten confession artifacts
1. Love tree
Effect display:
Code modification (the middle part is omitted, and the complete code is received at the end of the text):
// Modify text <span class="say"> ? My crush story</span><br> <span class="say"> </span><br> <span class="say"> For xxx</span><br> <span class="say"> </span><br> <span class="say"> ? Casual acquaintance may be fate or doomed.</span><br> <span class="say"> </span><br> <span class="say"> ? The first time I met you, I felt very kind and always wanted to see you more.</span><br> <span class="say"> </span><br> <span class="say"> ? Even if I am indifferent because of misunderstanding, I still miss your kindness.</span><br> <span class="say"> </span><br> <span class="say"> ? That time, my mutual friend told me your impression of me.</span><br> <span class="say"> </span><br> <span class="say"> ? After that, I dare not appear in front of you again. Maybe you are right.</span><br> <span class="say"> </span><br> <span class="say"> ? I will wait for you silently.</span><br> <span class="say"> </span><br> <span class="say"> ? You are my crush girl..forever..</span><br> <span class="say"> </span><br> <span class="say"><span class="space"></span> ------ TTFY ------</span> ... //Modify time section var together = new Date(); together.setFullYear(2018, 05, -11); //Time we just got together, date:
2. Code expression + love
Effect display:
Code modification (the middle part is omitted, and the complete code is received at the end of the text):
// Modify text content
<span class="space"/><span class="comments">* First meeting at midnight last night,</span><br />
<span class="space"/><span class="comments">* So I write some code to show my love for you.</span><br /> <span class="space"/><span class="comments">*/</span><br />
Boy i = <span class="keyword">new</span> Boy(<span class="string">"BF"</span>);<br />
Girl u = <span class="keyword">new</span> Girl(<span class="string">"GF"</span>);<br />
<span class="comments">// On October 15, 2019, I told you I love you.. </span><br />
i.love(u);<br />
<span class="comments">// But I don't know how you feel about me
?</span><br />
u.sayOtherthing();<br />
<span class="comments">// Do you have a crush on me, who suddenly popped up</ span><br />
<span class="keyword">var</span> reason=i.ask(u);<br />
<span class="comments">// I hope you can give me a chance and time to get to know each other</ span><br />
$("body").append(reason);<br />
<span class="comments">// Don't worry, I'm not a bad person! I want to protect you</ span><br />
<span class="comments">// May God give us fate</ span><br />
i.takeCareOf(u);<br />
<span class="comments">// I will wait until your frozen heart melts, because I have confidence</ span><br />
<span class="keyword">boolean</span> isAccept = <span class="keyword">false</span>;<br />
<span class="keyword">while</span> (isAccept) {<br />
<span class="placeholder"/>i.waitFor(u);<br />
<span class="placeholder"/><span class="comments">// I think this is an important decision < / span > < br / >
<span class="placeholder"/><span class="comments">// Let me help you let go of your past unhappiness</ span><br />
<span class="placeholder"/>isAccept = u.thinkOver();<br />
}<br />
<span class="comments">// Then start our beginning, and your happy life</ span><br />
...
<div id="messages">
xxx, I have fallen in love with you //Change to xxx for your beloved her
<div id="loveu">
Love u forever and ever.<br/>
<div class="signature">- TTFY</div>
3. Small article + love
Effect display:
Code modification (the middle part is omitted, and the complete code is received at the end of the text):
// Modify the content of the article <span class="comments">dear: xxx</span><br> <span class="space"><span class="comments">miss you very much!</span></span><br> <span class="space"><span class="comments">Only in your smile can I breathe, still cling to your amorous feelings, tempt your mystery, and bury my love. The pulse is like a stream of spring water, which is difficult to cut off with a quick knife. As the time goes by, my thoughts become deeper and deeper. I really want to find a quiet late night or a sunny morning to bring many melancholy Lonely talk to you. Dear, our story is the most touching and true. Good morning, my eternal lover. Although I haven't got up yet, my thoughts have flown to you. No matter in this life or in the next life, all I want is you. I want to sit with you on the lawn with moonlight, look at the starry night sky and tell the ancient love myth of the world. Life is not only lonely. Lonely life love endlessly, loneliness is the eternal theme of love.</span><br> <span class="space"><span class="comments">Dear, in the dark night without the moon, I sit alone at the window and write this letter, hoping to kiss you before going to bed; I hope I can hold you when I sleep; Hope to wake up and see_</span></span></span></div> <div id="loveHeart"> <canvas id="garden" width="670" height="625"></canvas> <div id="words" style="position: absolute; top: 260.5px; left: 755px;"> <div id="messages" style="display: block;"> dear, This is the third time we know <div id="elapseClock"><span class="digit">0</span> days <span class="digit">19</span> hours <span class="digit">44</span> minutes <span class="digit">40</span> seconds</div> </div> <div id="loveu" style="display: block;"> Love you forever, forever, never change!<br> ... // Modify the time together var together = new Date(); together.setFullYear(2019, 5, 20); //Time we just got together, date:
4. Deadbeat (recommended)
Effect display:
Code modification (the middle part is omitted, and the complete code is received at the end of the text):
// Code modification in html
<p>I've been watching you for a long time</p>
<h1>Little sister, will you be my object?</h1>
<img src="images/1.jpg">
<div class="bottom">
<div class="left" id="hao">good</div>
<div class="right" id="buhao">Not good</div>
</div>
...
// Code modification in js
if(Dianji==1){
alert("Little sister is thinking about it");
}else if(Dianji==2){
alert("You are the most handsome, kind and lovely boy I have ever seen");
}else if(Dianji==3){
alert("I love you all my life");
}else if(Dianji==4){
alert("I do all the housework");
}else if(Dianji==5){
alert("Don't hide private money");
}else if(Dianji==6){
alert("Write your name in the house");
}else if(Dianji==7){
alert("Pay all wages");
Dianji=1;
}
}
hao.οnclick=function(){
alert("The little sister finally agreed. I love you");
}
5. Rotating photo wall
Effect display:
Just replace the picture and get the complete code at the end of the text
6. Thousand paper cranes
Effect display:
There is no need to modify the code, and the complete code is received at the end of the text
7. Written love
Effect display:
Code modification (the middle part is omitted, and the complete code is received at the end of the text):
// Modify the generated text <textPath xlink:href="#partialPath" startOffset="12">What's in a name? That which we call a rose By any other word would smell as sweet...</textPath>
8. Fireworks + Cake
Effect display:
There is no need to modify the code, and the complete code is received at the end of the text
9. Red rose
Effect display:
There is no need to modify the code, and the complete code is received at the end of the text
10. Dead skin + Fireworks (recommended)
Effect display:
Code modification (the middle part is omitted, and the complete code is received at the end of the text):
// Modify text content
<script type="text/javascript">
$(function() {
$('#yes').click(function(event) {
modal('I knew you would like it, little sister.(^_^)', function() {
$('.page_one').addClass('hide');
$('.page_two').removeClass('hide');
// typeWrite();
fireworks();
});
});
$('#no').click(function(event) {
modal('People don't talk in secret!', A);
});
});
function A() {
modal('I like you!', B);
}
function B() {
modal('I know you're waiting for me', C);
}
function C() {
modal('Please don't refuse me', D);
}
function D() {
modal('Refuse me, it doesn't exist', E);
}
function E() {
modal('It's impossible for you to leave me in this life', F);
}
function F() {
modal('Come with me', G);
}
function G() {
modal('Write your name on the real estate certificate', H);
}
function H() {
modal('I can cook', I);
}
function I() {
modal('Love you. kiss you!', J)
}
function J() {
modal('OK, let's go to the Civil Affairs Bureau to register', function() {
fireworks();
});
}
3, Source download
Download address: Click download