<!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>
//判断客户端设备，选择写入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 {
/*最外层div，用于居中兼容PC和移动*/
width: 500px;
margin: 0px auto;
position: relative;
/*background-color: #FAFAFA;*/
font-size: 1em;
}
.div_simple_page {
/*文字部分的最外层，用于定位*/
position: relative;
display: none;
}
.div_s_page_bg {
/*背景设置在这里*/
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;
/*为了使文字两端对齐 */
white-space: pre-wrap;
/*保留换行效果*/
color: silver;
}
.div_s_page_zx {
position: absolute;
left: 0;
right: 0;
/*4个方向定位使div充满整个画画*/
top: 0;
bottom: 0;
/*4个方向定位使div充满整个画画*/
width: 500px;
background: rgba(255, 255, 255, 0.8);
/*半透明效果*/
padding: 10%;
text-align: justify;
/*为了使文字两端对齐 */
white-space: pre-wrap;
/*保留换行效果*/
}
#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 {
/*文字部分的最外层，用于定位*/
position: relative;
display: none;
}
.div_pure_words_bg {
/*背景设置在这里*/
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;
/*为了使文字两端对齐 */
white-space: pre-wrap;
/*保留换行效果*/
font-size: 1.1em;
font-family: "Microsoft YaHei", "Arial";
color: white;
}
.div_pw_typed {
position: absolute;
left: 0;
right: 0;
/*4个方向定位使div充满整个画画*/
top: 0;
bottom: 0;
/*4个方向定位使div充满整个画画*/
width: 500px;
background: rgba(255, 255, 255, 0.8);
/*半透明效果*/
padding: 30px;
text-align: justify;
/*为了使文字两端对齐 */
}
#span_pw_typed {
width: 100%;
/*为了使文字两端对齐 */
white-space: pre-wrap;
/*保留换行效果*/
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">
<!-- 按钮部分的样式 -->
<link type="text/css" rel="stylesheet" href="/h5-fans/mother/1/theme_public_btn.css">
<!-- 按需加载，选择此片头时方才加载 -->
<link type="text/css" rel="stylesheet" href="/h5-fans/mother/1/start_intersect.css">
<!-- 按钮部分的样式 -->
<!-- <link type="text/css" rel="stylesheet" href="./static/css/theme_public_btn.css"> -->
<!-- 按需加载，选择此片头时方才加载 -->
<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 >
<!-- 最外层div，用于居中兼容PC和移动 -->
<div ></div> <!-- 用于遮挡主题，作为片头的背景 -->
<!-- 按需加载，选择此片头时方才加载 -->
<div >
<!-- 用于设置背景 -->
<div >
<!-- 用于存放content -->
<div class="div_is_open_bg">
<div class="div_is_open_btn" οnclick="init_is_typed()"></div>
</div>
<!-- 画布在这里 -->
<canvas ></canvas>
<!-- 打字在这里 -->
<div class="div_is_typed">
<div >
<img class="img_is_typed">
</div>
<span ></span>
</div>
</div>
</div>
<div style="display: none">
<div >很可惜你的手机浏览器不支持，错过了惊喜效果哦</div>
<div ></div>
<div >
<div >
<span ></span>
</div>
<canvas width="500" height="815"></canvas>
<div >
<span ></span>
<div ></div>
</div>
</div>
</div>
<!-- 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 -->
<!-- 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 -->
<!-- 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 -->
<!-- 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 以上是动画和视频片头 -->
<div class="div_simple_page">
<!-- 文字部分的最外层，用于定位 -->
<div class="div_s_page_bg">
<!-- 背景设置在这里 -->
<div class="div_s_page_height">
<!-- 正文的内容复制到这里面，撑开整个文档的高度 -->
</div>
</div>
<div class="div_s_page_zx">
<!-- 正文部分，绝对定位 -->
<!-- zx-editor的内容放在这里 -->
</div>
</div>
<div class="div_pure_words">
<!-- 文字部分的最外层，用于定位 -->
<div class="div_pure_words_bg">
<!-- 背景设置在这里 -->
<div class="div_pure_words_height">
<!-- 正文的内容复制到这里面，撑开整个文档的高度 -->
</div>
</div>
<div class="div_pw_typed">
<!-- 正文部分，绝对定位 -->
<span ></span>
</div>
</div>
<div id='div_btn_container'>
<!-- 按钮部分的最外层，处于文档流之中 -->
<div >
<!-- 按钮部分内层，用于定位 -->
<div class='div_music_tips'></div>
<div class="div_btn" οnclick="music_switch()" style="">
<!-- 音乐按钮部分 -->
<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" />
<!-- 您的浏览器不支持播放音乐 -->
</audio>
</div>
<div class='div_record_tips'></div>
<!-- 只在提交状态显示 只在提交状态显示 只在提交状态显示 只在提交状态显示 -->
<div class="div_btn" id='div_support'>
<a id='moreLink' href=""><span>更多</span></a>
</div>
<!-- 只在提交状态显示 只在提交状态显示 只在提交状态显示 只在提交状态显示 -->
<!-- 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 -->
<!-- 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 只在未提交状态显示 -->
</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":"操作成功",
"data":{"id":314,
"content":" “答应我，晚上别熬夜，睡觉时盖好被子，少吃辣和凉的对胃不好，受委屈首先告诉我，记住我一直都在你身后爱你.” ",
"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 = '2022跨年快乐❤️';
if (main_title == '' || main_title == 'null') {
= '很高兴遇见你';
}
var interval_s_height;
var height_s_page = $(".div_s_page_height").height();
}
function init_simple_page() {
load_saved_content(); //加载内容
// 初始化设置div的bg图片 初始化设置div的bg图片
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()); //不能小于窗口的高度
//('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') { //全新作品未保存
// ('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); //初始化加载内容
$(".div_s_page_height").html(html_content); //初始化复制内容，撑开文档高度
}
function load_random_content() {
//('load_random_content');
var random_content =
"<p><br></p><h2 style="color: rgb(255, 88, 61); font-weight: 800;"> 送给你的小惊喜</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"> " +
"——爱你的小鹿" + "</p>";
var html_content = escape2Html(random_content);
$(".div_s_page_zx").html(html_content); //初始化加载内容
$(".div_s_page_height").html(html_content); //初始化复制内容，撑开文档高度
}
//转义为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() {
//允许内容为空时直接展示，不设置为随机内容，用于空主题
if (typeof(pure_words_content) == 'undefined') { //处理全新作品
var array_str_temp = [];
random_text_array(array_str_temp, 12); //获取随机的模板文字
// array_str_temp.push('你现在看到的只是案例，文字是可以自定义哒，6000字以下');
pure_words_content = array_str_temp.join('\r\r');
}
$(".div_pure_words_height").html(pure_words_content + '22222'); //初始化复制内容，撑开文档高度
// 初始化设置div的bg图片 初始化设置div的bg图片
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'] + ")"
});
}
}
//以下是打字效果的js
if (typeof(theme_content['cursor_char']) != 'undefined' && theme_content['cursor_char'] != '') {
switch (theme_content['cursor_char']) { //设置打字光标的样式
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 { //处理全新作品，默认显示打字效果
str_cursorChar = '❤';
}
//判断用户有没有选择打字效果
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; //默认显示打字效果
}
// (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); //不能小于窗口的高度
('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], //输入内容, 支持html标签
typeSpeed: 120, //打字速度
cursorChar: str_cursorChar, //替换光标的样式
contentType: 'html', //值为html时，将打印的文本标签直接解析html标签
onComplete: function(abc) {
// (abc);
('finished typing words');
// ($('#span_pw_typed').height()-$(".div_pure_words_height").height());
},
});
} else {
//如果不需要打字效果就直接显示
$("#span_pw_typed").html(pure_words_content).fadeIn();
}
init_attachment();
}
function random_text_array(temp_array, length) { //获取随机的模板文字
('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)); //随机取值
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]]); //获取随机的模板文字
}
}
</script>
<!-- 按需加载，选择此片头时方才加载 -->
<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": ""
}; //可能为null
// $(function() {
//此事件为触发互动创意
var start_id = 'intersect'; //可能为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();
}
}
//开始动画主体部分
function init_theme() {
// ('init_theme');
$('#div_start_bg').fadeOut();
if( ==1){
init_simple_page();
} else {
init_pure_words();
}
}
//获取url中的参数
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = (1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
}
</script>
<script src="/h5-fans/mother/1/start_hearttree.js"></script>
<script>
var attachment = 'null'; //可能为null
var attached_content = {
"bool_save": false,
"timer_desc": "\u7231\u4f601000\u5e74",
"timer_time": "10000-01-01",
"timer_count_type": "timer_count_postive"
}; //可能为null
// (attached_content);
function init_attachment() { //开始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>