<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>️</title>
<script>
var _hmt = _hmt || [];
(function() {
var hm = ("script");
= "/?1922c6662e01c6d8f72c006d9d38232b";
var s = ("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
//Judge the client device and select write meta
function init_viewport() {
if (('Android') != -1) {
var version = parseFloat(RegExp.$1);
if (version > 2.3) {
var width = == 0 ? : ;
var phoneScale = parseInt(width) / 500;
('<meta name="viewport" content="width=500, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
} else {
('<meta name="viewport" content="width=500, target-densitydpi=device-dpi, user-scalable=0">');
}
} else if (('iPhone') != -1) {
var phoneScale = parseInt() / 500;
('<meta name="viewport" content="width=500, min-height=750, initial-scale=' + phoneScale + ', maximum-scale=' + phoneScale + ', user-scalable=0" /> '); //0.75 0.82
} else {
('<meta name="viewport" content="width=500, height=750, initial-scale=0.64" /> '); //0.75 0.82
}
}
init_viewport();
</script>
<style>
* {
padding: 0px;
margin: 0px;
-webkit-box-sizing: border-box;
}
body {
background-color: white;
}
a {
color: white;
text-decoration: none;
}
#div_container {
/*The outermost div, used for centering compatibility with PC and mobile*/
width: 500px;
margin: 0px auto;
position: relative;
/*background-color: #FAFAFA;*/
font-size: 1em;
}
.div_simple_page {
/*The outermost layer of the text part, used to locate*/
position: relative;
display: none;
}
.div_s_page_bg {
/*The background is set here*/
background-repeat: repeat;
background-size: 100%;
background-attachment: fixed;
width: 500px;
min-height: 1200px;
}
.div_s_page_height {
visibility: hidden;
padding: 30px;
text-align: justify;
/*In order to align both ends of the text */
white-space: pre-wrap;
/*Retain line break effect*/
color: silver;
}
.div_s_page_zx {
position: absolute;
left: 0;
right: 0;
/* 4 directions positioning to fill the entire painting*/
top: 0;
bottom: 0;
/* 4 directions positioning to fill the entire painting*/
width: 500px;
background: rgba(255, 255, 255, 0.8);
/*Transparent effect*/
padding: 10%;
text-align: justify;
/*In order to align both ends of the text */
white-space: pre-wrap;
/*Retain line break effect*/
}
#div_start_bg {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 44;
background-color: white;
}
</style>
<style type="text/css">
.div_pure_words {
/*The outermost layer of the text part, used to locate*/
position: relative;
display: none;
}
.div_pure_words_bg {
/*The background is set here*/
background-repeat: repeat;
background-size: 100%;
background-attachment: fixed;
width: 500px;
min-height: 500px;
}
.div_pure_words_height {
visibility: hidden;
padding: 30px;
text-align: justify;
/*In order to align both ends of the text */
white-space: pre-wrap;
/*Retain line break effect*/
font-size: 1.1em;
font-family: "Microsoft YaHei", "Arial";
color: white;
}
.div_pw_typed {
position: absolute;
left: 0;
right: 0;
/* 4 directions positioning to fill the entire painting*/
top: 0;
bottom: 0;
/* 4 directions positioning to fill the entire painting*/
width: 500px;
background: rgba(255, 255, 255, 0.8);
/*Transparent effect*/
padding: 30px;
text-align: justify;
/*In order to align both ends of the text */
}
#span_pw_typed {
width: 100%;
/*In order to align both ends of the text */
white-space: pre-wrap;
/*Retain line break effect*/
font-size: 1.1em;
font-family: "Microsoft YaHei", "Arial";
}
#div_start_bg {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 44;
background-color: white;
}
</style>
<link type="text/css" rel="stylesheet" href="/h5-fans/mother/1/theme_s_page_zx.css">
<!-- The style of the button part -->
<link type="text/css" rel="stylesheet" href="/h5-fans/mother/1/theme_public_btn.css">
<!-- Load on demand, only loaded when this title is selected -->
<link type="text/css" rel="stylesheet" href="/h5-fans/mother/1/start_intersect.css">
<!-- The style of the button part -->
<!-- <link type="text/css" rel="stylesheet" href="./static/css/theme_public_btn.css"> -->
<!-- Load on demand, only loaded when this title is selected -->
<link type="text/css" rel="stylesheet" href="/h5-fans/mother/1/start_hearttree.css">
</head>
<script>
= function(){
pushHistory();
(
"popstate",
function (e) {
= "/s/obN7ih1y59nky2jucJ0oBg";
},
false
);
function pushHistory() {
var state = {
title: "title",
url: "#",
};
(state, "title", "#");
}
}
</script>
<body>
<div >
<!-- The outermost div, used for centering compatibility with PC and mobile -->
<div ></div> <!-- Used to block the theme and serve as the background for the opening credits -->
<!-- Load on demand, only loaded when this title is selected -->
<div >
<!-- For setting background -->
<div >
<!-- Used to store content -->
<div class="div_is_open_bg">
<div class="div_is_open_btn" οnclick="init_is_typed()"></div>
</div>
<!-- The canvas is here -->
<canvas ></canvas>
<!-- Typing here -->
<div class="div_is_typed">
<div >
<img class="img_is_typed">
</div>
<span ></span>
</div>
</div>
</div>
<div style="display: none">
<div >It's a pity that your mobile browser does not support it, I missed the surprise effect</div>
<div ></div>
<div >
<div >
<span ></span>
</div>
<canvas width="500" height="815"></canvas>
<div >
<span ></span>
<div ></div>
</div>
</div>
</div>
<!-- The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. -->
<!-- The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. -->
<!-- The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. -->
<!-- The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. The above are the animation and video titles. -->
<div class="div_simple_page">
<!-- The outermost layer of the text part, used for positioning -->
<div class="div_s_page_bg">
<!-- The background is set here -->
<div class="div_s_page_height">
<!-- Copy the content of the text here to extend the height of the entire document -->
</div>
</div>
<div class="div_s_page_zx">
<!-- Text part, absolute positioning -->
<!-- The content of zx-editor is here -->
</div>
</div>
<div class="div_pure_words">
<!-- The outermost layer of the text part, used for positioning -->
<div class="div_pure_words_bg">
<!-- The background is set here -->
<div class="div_pure_words_height">
<!-- Copy the content of the text here to extend the height of the entire document -->
</div>
</div>
<div class="div_pw_typed">
<!-- Text part, absolute positioning -->
<span ></span>
</div>
</div>
<div id='div_btn_container'>
<!-- The outermost layer of the button part is in the document flow -->
<div >
<!-- The inner layer of the button part, used for positioning -->
<div class='div_music_tips'></div>
<div class="div_btn" οnclick="music_switch()" style="">
<!-- Music Button Part -->
<img id='img_music' src='/h5-fans/mother/1/music_note_big.png' style='width: 30px;-webkit-animation:music_play_rotate 1s linear infinite'>
<audio autoplay="autoplay" loop="loop">
<source type="audio/mpeg" />
<!-- Your browser does not support playing music -->
</audio>
</div>
<div class='div_record_tips'></div>
<!-- Display only in submission status Display only in submission status Display only in submission status Display only in submission status -->
<div class="div_btn" id='div_support'>
<a id='moreLink' href=""><span>More</span></a>
</div>
<!-- Display only in submission status Display only in submission status Display only in submission status Display only in submission status -->
<!-- Display only in the unsubmitted state Display only in the unsubmitted state Display only in the unsubmitted state Display only in the unsubmitted state -->
<!-- Display only in the unsubmitted state Display only in the unsubmitted state Display only in the unsubmitted state Display only in the unsubmitted state -->
</div>
</div>
</div>
<script src="/h5-fans/mother/1/jquery-2.0."></script>
<script src="/h5-fans/mother/1/"></script>
<script src="/h5-fans/mother/1/support_upload_as.js"></script>
<script>
var tempRes = {"code":"0001","message":"operation successful",
"data":{"id":314,
"content":" "Promise me, don't stay up late at night, cover yourself with a quilt when sleeping, eat less spicy and cold foods that are bad for your stomach. First of all, tell me when you are wronged, remember that I love you all the time behind you." ",
"nextContent":"",
"backgroundImg":"http://file./uploads/wf/20220315/NTI0NTU2NzczMjU3MTk1MDY2OV8xNjQ0NzI3NTgzMDE4_12.jpg",
"img":"/uploads/wf/20220527/",
"music":"http://file./uploads/wf/20220315/febb45ba55bee7fa4eb6be7f06467d74.mp3",
"skip":1,
"link":"/s/obN7ih1y59nky2jucJ0oBg",
"title":"️️❤",
"printIcon":"❤",
"source":"513106",
"color":null,
"fontSize":null,
"contentId":"1","type":1,
"pageType":1,
"times":773121,"mainTitle":null,
"sectionContent":null,
"confirmImg":null,"subTitle":null,
"thumbnailUrl":null,
"relationLink":"/",
"dataType":null,
"password":null,"opacity":85.0,"categoryId":null,
"uid":null,"createTime":"2021-08-25 15:34:34","question":null,"status":1,"groupId":null}};
let urlArr = .split('/');
console.log()
var num = (/\//g,"");
if ( === 1) {
var theme = 'simple_page';
var theme_content = {
"pure_words_content": "",
"typed_bool": "typed_y",
"cursor_char": "cursor_heart",
"bg_style_pure_words": "bg_opacity",
"bg_img": "/upic/2020/12/26/21/BMjAyMDEyMjYyMTM4MzNfNTQ4MTA5ODcwXzQxMzU0MjQyNzQ3XzFfNg==_B6886c06bb821605293c490c3cc675bf0.jpg",
"simple_page_content": "<h2 style="color: rgb(255, 88, 61);"> <\/h2><h2 style="color: rgb(255, 88, 61);"><span style="color: rgb(255, 88, 61); font-size: 1.2em;"><br><\/span><\/h2><h2><span style="font-size: 1.2em;"> <\/span><span style="color: rgb(255, 88, 61); font-size: 1.2em;">2021 <\/span><span style="color: rgb(255, 88, 61); font-size: 1.2em;">\u8de8\u5e74\u5feb\u4e50\u5440<\/span><br><\/h2><p><span style="color: rgb(255, 88, 61); font-size: 1.2em;"> \ud83d\udc95\ud83d\udc95\ud83d\udc95\ud83d\ude1c\ud83d\ude1c\ud83d\ude1c<\/span><\/p>",
"video_page_content": "",
"bg_style": "bg_custom"
};
var music_json = {
"music_select": "m_online",
"m_online_id": "6",
"m_online_url": "/obj/ies-music/1655235697334302.mp3",
"m_upload_name": "null",
"m_upload_url": "null"
};
//(music_json);
var record_json = {
"record_bool": "r_false",
"r_wechat_time": "null",
"r_wechat_url": "null",
"r_wechat_amr": "null"
};
// (record_json);
var signPackage = {
"appid": "wx47f716bdd7699533",
"timestamp": 1608990661,
"nonceStr": "Z3NpX9ii7gQYYlP9",
"url": "http:\/\/\/Home\/Play\/play_show\/ws\/YGdsmm1q",
"signature": "f6da074e2a06937f6c73dc02256064b5a20f6fbd",
"rawString": "jsapi_ticket=sM4AOVdWfPE4DxkXGEs8VHINcjHJVwMsFjJyfreRy7BIe_ZfGkonFFUFo61KD6kuytthhMnZiacZNaW5kUNJIQ&noncestr=Z3NpX9ii7gQYYlP9×tamp=1608990661&url=http:\/\/\/Home\/Play\/play_show\/ws\/YGdsmm1q"
};
var main_title = 'Happy New Year's Eve 2022❤️';
if (main_title == '' || main_title == 'null') {
= 'I'm glad to meet you';
}
var interval_s_height;
var height_s_page = $(".div_s_page_height").height();
}
function init_simple_page() {
load_saved_content(); //Load content
// Initialize the bg picture of setting div Initialize the bg picture of setting div
if (typeof(theme_content['bg_style']) != 'undefined' && theme_content['bg_style'] == 'bg_custom') {
if (typeof(theme_content['bg_img']) != 'undefined' && theme_content['bg_img'] != '') {
$(".div_s_page_bg").css({
"background-image": "url(" + theme_content['bg_img'] + ")"
});
}
}
interval_s_height = setInterval(function() {
//('div_s_page_height -> ' + $(".div_s_page_height").height());
var latest_height_s_page = $(".div_s_page_height").height();
if (latest_height_s_page <= height_s_page) {
clearInterval(interval_s_height);
$(".div_s_page_height").height(latest_height_s_page + 200);
if ($(".div_s_page_height").height() < $(window).height()) {
$(".div_s_page_height").height($(window).height()); //Not less than the height of the window
//('let us be high as window');
}
} else {
height_s_page = latest_height_s_page;
}
}, 100);
if (start_content.skip != 1) {
$(".div_simple_page").fadeIn();
}
init_attachment();
}
function load_saved_content() {
var s_page_content = theme_content['simple_page_content'];
if (typeof(s_page_content) == 'undefined') { //The new work has not been saved
// ('s_page_content -> undefined');
load_random_content();
return;
}
// ('load_saved_content');
let str =
'<div class="div_s_page_zx"><h2 style="color: rgb(255, 88, 61);"></h2><h2 style="color: rgb(255, 88, 61);"><span style="color: rgb(255, 88, 61); font-size: 1.2em;"><br></span></h2><h2><span style="font-size: 1.2em;"></span><span style="color: rgb(255, 88, 61); font-size: 1.2em;"></span><span style="color: rgb(255, 88, 61); font-size: 1.2em;"></span><br></h2><p><span style="color: rgb(255, 88, 61); font-size: 1.2em;text-align:center">' +
s_page_content + '</span></p></div>'
var html_content = escape2Html(str);
$(".div_s_page_zx").html(html_content); //Initialize the loading content
$(".div_s_page_height").html(html_content); //Initialize the copy content to increase the height of the document
}
function load_random_content() {
//('load_random_content');
var random_content =
"<p><br></p><h2 style="color: rgb(255, 88, 61); font-weight: 800;"> Little surprise for you</h2><p><br></p><p>" +
random_text() +
"</p><p><br></p><p class="child-node-is-img" contenteditable="false"><img src="" +
random_img() +
"" width="100%" height="auto" ><i class="__remove"></i></p><p><br></p><p>" +
random_text() + "</p><p class="child-node-is-text">" + random_text() +
"</p><p><br></p><p class="child-node-is-img" contenteditable="false"><img src="" +
random_img() +
"" width="100%" height="auto" ><i class="__remove"></i></p><p><br></p><p class="child-node-is-text">" +
random_text() +
"</p><p><br></p><p class="child-node-is-text"> " +
"——The little deer who loves you" + "</p>";
var html_content = escape2Html(random_content);
$(".div_s_page_zx").html(html_content); //Initialize the loading content
$(".div_s_page_height").html(html_content); //Initialize the copy content to increase the height of the document
}
//Escape to html
function escape2Html(str) {
var arrEntities = {
'lt': '<',
'gt': '>',
'nbsp': ' ',
'amp': '&',
'quot': '"'
};
return (/&(lt|gt|nbsp|amp|quot);/ig, function(all, t) {
return arrEntities[t];
});
}
var temp_text_array = array_as_words_love;
function random_text() {
var random_text_index = (() * temp_text_array.length);
var random_text = temp_text_array[random_text_index];
temp_text_array.splice(random_text_index, 1);
return random_text;
}
var temp_img_array = array_as_pics_s;
function random_img() {
var random_img_index = (() * temp_img_array.length);
var random_img = temp_img_array[random_img_index];
temp_img_array.splice(random_img_index, 1);
return random_img;
}
function init_pure_words() {
//Allow content to be displayed directly when empty, not set as random content, and is used for empty topics
if (typeof(pure_words_content) == 'undefined') { //Processing brand new works
var array_str_temp = [];
random_text_array(array_str_temp, 12); //Get randomtemplateWord
// array_str_temp.push('What you see now is only a case, the text can be customized, less than 6,000 words');
pure_words_content = array_str_temp.join('\r\r');
}
$(".div_pure_words_height").html(pure_words_content + '22222'); //Initialize the copy content to expand the document height
// Initialize the bg picture of setting div Initialize the bg picture of setting div
if (typeof(theme_content['bg_style_pure_words']) != 'undefined' && theme_content['bg_style_pure_words'] ==
'bg_opacity') {
if (typeof(theme_content['bg_img']) != 'undefined' && theme_content['bg_img'] != '') {
$(".div_pure_words_bg").css({
"background-image": "url(" + theme_content['bg_img'] + ")"
});
}
}
//The following is js with typing effect
if (typeof(theme_content['cursor_char']) != 'undefined' && theme_content['cursor_char'] != '') {
switch (theme_content['cursor_char']) { //Set the style of the typing cursor
case 'cursor_heart':
str_cursorChar = '❤';
break;
case 'cursor_sub':
str_cursorChar = '_';
break;
case 'cursor_music':
str_cursorChar = '♫';
break;
case 'cursor_star':
str_cursorChar = '★';
break;
case 'cursor_sun':
str_cursorChar = '☀';
break;
default:
str_cursorChar = '|';
}
} else { //Processing brand new works, displaying typing effects by default
str_cursorChar = '❤';
}
//Judge whether the user has selected the typing effect
if (typeof(theme_content['typed_bool']) != 'undefined' && theme_content['typed_bool'] != '') {
typed_bool = theme_content['typed_bool'] == 'typed_y' ? true : false;
} else {
typed_bool = false; //Default display of typing effect
}
// (typed_bool);
display_pure_words();
$(".div_pure_words").fadeIn();
interval_pw_height = setInterval(function() {
('div_pure_words_height -> ' + $('.div_pure_words_height').height());
var least_height_div_pw = $('.div_pure_words_height').height();
if (least_height_div_pw > height_div_pw) {
height_div_pw = least_height_div_pw;
} else {
clearInterval(interval_pw_height);
$(".div_pure_words_height").height(least_height_div_pw + 100);
if ($(".div_pure_words_height").height() < window_height) {
$(".div_pure_words_height").height(window_height); //Not less than the height of the window
('let us be high as window');
}
}
}, 100);
}
function display_pure_words() {
if (typed_bool) {
var typed_pure_words = new Typed('#span_pw_typed', {
strings: [pure_words_content], //Input content, support html tags
typeSpeed: 120, //Typing speed
cursorChar: str_cursorChar, //Replace the cursor style
contentType: 'html', //When the value is html, the printed text tag is directly parsed into the html tag
onComplete: function(abc) {
// (abc);
('finished typing words');
// ($('#span_pw_typed').height()-$(".div_pure_words_height").height());
},
});
} else {
//If the typing effect is not required, it will be displayed directly
$("#span_pw_typed").html(pure_words_content).fadeIn();
}
init_attachment();
}
function random_text_array(temp_array, length) { //Get random template text
('random_text_array');
var random_array = [];
while (random_array.length < length) {
// var random_num=(()*(array_as_pics.length-0))+0;
var random_num = (() * (array_as_words_love.length)); //Random value
if (random_array.indexOf(random_num) == -1) {
random_array.push(random_num);
}
}
// (random_array);
for (var i = 0; i < length; i++) {
temp_array.push(array_as_words_love[random_array[i]]); //Get random template text
}
}
</script>
<!-- Load on demand, only loaded when this title is selected -->
<script src="/h5-fans/mother/1/start_intersect.js"></script>
<script src="/h5-fans/mother/1/"></script>
<script src="/h5-fans/mother/1/"></script>
<script src="/h5-fans/mother/1/"></script>
<script src="/h5-fans/mother/1/"></script>
<script src="/h5-fans/mother/1/"></script>
<script src="/h5-fans/mother/1/"></script>
<script src="/h5-fans/mother/1/" charset="utf-8"></script>
<script>
if ( == 1) {
var start_content = {
"intersect_text": "",
"bg_style": "bg_custom",
"bg_img": "",
"img_bool": "img_true",
"img_src": ""
}; //Maybe null
// $(function() {
//This event is to trigger interactive creativity
var start_id = 'intersect'; //Maybe null
let urlArr = ('#');
var num = (/[^0-9]/ig, "");
//(num + "==========")
var source = getQueryVariable("source");
if (null != source && '' != source && undefined != typeof(source)) {
} else {
source = "";
}
}
start_content.intersect_text = ;
start_content.hearttree_text = ;
start_content.img_src = ;
if ( == null || == "") {
$("#div_is_img").css("display", "none!important");
}
start_content.bg_img = ;
start_content.skip = ;
theme_content.simple_page_content = ;
theme_content.printIcon = ;
music_json.m_online_url = ;
var pure_words_content = theme_content['simple_page_content'];
= ;
$('#moreLink').attr('href', );
$("#span_is_typed").css({
"font-size": + "px",
"color":
})
init_start(start_id);
function getQueryVariable(variable) {
var query = (1);
var vars = ("&");
for (var i = 0; i < ; i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return (false);
}
function init_start(start_id) {
//('init_start ->' + start_id);
switch (start_id) {
case 'loveformat':
$('.div_loveformat').show();
init_loveformat();
break;
case 'hearttree':
init_hearttree();
break;
case 'courage':
$('#div_courage').show();
init_courage();
break;
case 'birthdaycake':
$('#div_dbcake').show();
init_birthdaycake();
break;
case 'intersect':
$('#div_intersect').show();
init_intersect();
break;
case 'onlyyou':
$('#div_onlyyou').show();
init_onlyyou();
break;
default:
init_theme();
}
}
//Start the main part of the animation
function init_theme() {
// ('init_theme');
$('#div_start_bg').fadeOut();
if( ==1){
init_simple_page();
} else {
init_pure_words();
}
}
//Get the parameters in the url
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //Construct a regular expression object containing the target parameters
var r = (1).match(reg); //Match the target parameters
if (r != null) return unescape(r[2]);
return null; //Return parameter value
}
</script>
<script src="/h5-fans/mother/1/start_hearttree.js"></script>
<script>
var attachment = 'null'; //Maybe null
var attached_content = {
"bool_save": false,
"timer_desc": "\u7231\u4f601000\u5e74",
"timer_time": "10000-01-01",
"timer_count_type": "timer_count_postive"
}; //Maybe null
// (attached_content);
function init_attachment() { //Start attachment
// ('init_attachment ->' + attachment);
switch (attachment) {
case 'timer':
init_at_timer();
break;
default:
return;
}
}
</script>
<script src='/h5-fans/mother/1/theme_common.js'></script>
</body>
</html>