男孩的心声 - 手册网

小提示

Ctrl+/代码提示(需IE11)
F11键放大 ESC键缩小
PgUp上页 PgDn下页

推荐代码

运行代码缩小

引入JS
- 3.0.0 2.2.0 2.1.4 2.1.3 2.1.2 2.1.1 2.1.0 2.0.3 2.0.2 2.0.1 2.0.0 1.12.0 1.11.3 1.11.2 1.11.1 1.11.0 1.10.2 1.10.1 1.10.0 1.9.1 1.9.0 1.8.3 1.8.2 1.8.1 1.8.0 1.7.2 1.7.1 1.7 1.6.4 1.6.2 1.6.1 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0
- 1.7.3 1.7.2 1.7.1.0 1.7.0.0
- 2.0.0-beta.0 2.0.0-alpha.55 1.5.0-rc.0 1.4.8 1.4.0 1.3.20 1.2.29 1.1.5 1.0.8
- 1.8.3 1.7.0 1.6.0 1.5.2 1.4.4 1.3.3 1.2.4 1.1.7
- 1.10.4 1.9.7 1.8.10 1.7.8 1.6.3 1.5.4 1.4.6 1.3.3
- core1.6.0 core-compat1.6.0 core1.5.2 core-compat1.5.2 core-full-compat-yc1.4.5 core-full-compat1.4.5 core-full-nocompat-yc1.4.5 core-full-nocompat1.4.5
- 1.4.2 1.4.1 1.4.0 1.3.0 1.2.0 1.1.0
- 3.7.3 3.7.2 3.7.1 3.7.0 3.7 3.6.2 3.6.1 3.6

引入框架
- 1.4.5 1.4.4 1.4.3 1.4.2 1.4.1 1.4.0 1.3.2
- 1.11.4 1.11.3 1.11.2 1.11.1 1.11.0 1.10.4 1.10.3 1.10.2
- 3.3.6 3.3.5 3.3.0 3.2.0 2.3.2

明天...

HTML代码

复制格式化注释注释清空

放大

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>我爱你
		</title>
		<style>
			body{
				margin:0;
				padding:0;
				background:#ffe;
				font-size:12px;
				overflow:auto}
			#mainDiv{
				width:100%;
				height:100%}
			#loveHeart{
				float:left;
				width:670px;
				height:625px}
			#garden{
				width:100%;
				height:100%}
			#elapseClock{
				text-align:right;
				font-size:18px;
				margin-top:10px;
				margin-bottom:10px}
			#words{
				font-family:"sans-serif";
				width:500px;
				font-size:24px;
				color:#666}
			#messages{
				display:none}
			#elapseClock .digit{
				font-family:"digit";
				font-size:36px}
			#loveu{
				padding:5px;
				font-size:22px;
				margin-top:80px;
				margin-right:120px;
				text-align:right;
				display:none}
			#loveu .signature{
				margin-top:10px;
				font-size:20px;
				font-style:italic}
			#clickSound{
				display:none}
			#code{
				float:left;
				width:440px;
				height:400px;
				color:#333;
				font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","sans-serif";
				font-size:12px}
			#code .string{
				color:#2a36ff}
			#code .keyword{
				color:#7f0055;
				font-weight:bold}
			#code .placeholder{
				margin-left:15px}
			#code .space{
				margin-left:7px}
			#code .comments{
				color:#3f7f5f}
			#copyright{
				margin-top:10px;
				text-align:center;
				width:100%;
				color:#666}
			#errorMsg{
				width:100%;
				text-align:center;
				font-size:24px;
				position:absolute;
				top:100px;
				left:0}
			#copyright a{
				color:#666}
		</style>
		<script type="text/javascript" src="http://ku.shouce.ren/libs/jquery/1/jquery1.9.1.min.js">
		</script>
		<script type="text/javascript" src="http://ku.shouce.ren/files/js/1457855617.js">
		</script>
		<script type="text/javascript" src="http://ku.shouce.ren/files/js/1457855643.js">
		</script>
	</head>
	<body>
		<div id="mainDiv">
			<div id="content">
				<div id="code">
					
					
					 
					阅读到底部，记得滚轮往下翻。
					 
					 
					
					这个颜色是男孩的心声.
					
					 
					
					2013年,这一年我遇见你
					
					 
					
					2017年.我为你做了这个
					
					 
					
					
					
					
					 
					Boy name = 
					Mr
					 雨佳 ；
					 
					Girl name = 
					Mrs
					 卉 ；
					 
					// 在有一天，男孩接触了女孩。
					
					 
					Boy：能借我笔记吗？
					 
					// 很漂亮的女孩子啊！
					
					 
					Girl：那么明天记得还给我。
					 
					// 蛮好的女孩呀！
					
					 
					Boy：能一起出去看电影吗？
					 
					// 很期待。。。
					
					 
					Girl：没什么好看的电影吧。
					 
					// 很沮丧。。。
					
					 
					Girl：你也玩wow啊！
					 
					// 玩wow的妹子哈！
					
					 
					Boy：他们这是在自寻死路！
					 
					// 喜欢伊利丹！
					
					 
					男孩给女孩讲起了wow的故事。
					 
					2016年，我们都各自实习了
					 
					男孩与女孩的关系也很好。
					
					 
					Boy：改天出来吃饭吧。
				 
					很紧张。。。
					
					 
					Girl：好呀。
				 
					开心！
					
					 
					第一次一起出来，吃了汉堡
					 
					卉打嗝好响，哈哈！
					
					 
					第二次出来，抓了娃娃机！去了科技馆！
					 
					配合的好好，很有天赋呀，新技能get！科技馆人真的多。。
					
					 
					第三次，圣诞夜
					 
					Boy：阿一古！
					 
					Girl：阿一古！
					 
					。。。。。。
					 
					1988的打招呼说了出来，第一次握住卉的手，不想放开。
					
					 
					第四次，1.22，去看了阿刘演讲，白天上班晚上才到。
					 
					感觉后期非常不错，自己也在研究。卉听得很入迷，为了拍摄技术奋斗。
					 
					听的很晚，急急忙忙走也没有要签名和合影。
					 
					Girl：陪我来听，你又对摄影不感兴趣（回去的路上）
					 
					Boy：每个人眼里的景色是不一样的（回去的路上）
					 
					我眼里的景色是你啊。
					
					 
					Girl：逃避问题！（回去的路上）
					 
					女孩最后没有了地铁，拉着地回去，很晚。
					 
					很紧张，很担心，女孩到家睡觉，男孩也才睡觉。
					
					 
					之后也约好了很多事情，射箭，画画，下棋，看画展，wow音乐会。。。。。。
					 
					但这颗心脏却充实了感情，血管的边口已经四溢出来。
					 
					我会因为见不到你揪心
					 
					也会因为卉晚回去担心
					 
					每天都关注你
					 
					关心你
					 
					因为这个心自己的意愿如此
					 
					一起看电影、打游戏、看剧、下棋、画画、听你弹琴
、看你摄影、我做后期、吃完饭打嗝、一起手牵手在一起。
					 
					因为卉就是我眼中最美的风景啊。
					 
					
					
					 
					The boy
					 loves the girl 
					very much
					;
					 
					The girl
					 will always 
					happiness
					;
					 
					
					// Whether it's now
					
					 
					
					// Or later
					
					 
					Hope this heart always beat for you.
					 
					// Hope I can have been looking at this beautiful scenery.
					
					 
					 
					 
					I want to say:
					 
					I love you
					 
				</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">- 雨佳
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>

​x
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>我爱你
        </title>
        <style>
            body{
                margin:0;
                padding:0;
                background:#ffe;
                font-size:12px;
                overflow:auto}
            #mainDiv{
                width:100%;

CSS代码

复制格式化注释注释颜色清空

放大

CSS代码...xxxxxxxxxx
 
​

JS代码

复制格式化注释注释清空

放大

xxxxxxxxxx
 
var offsetX = $("#loveHeart").width() / 2;
var offsetY = $("#loveHeart").height() / 2 - 55;
var together = new Date();
/*together.setFullYear(2017, 1, 23);
together.setHours(12);
together.setMinutes(45);
together.setSeconds(0);
together.setMilliseconds(0);*/
if (!document.createElement('canvas').getContext) {
  var msg = document.createElement("div");
  msg.id = "errorMsg";
  msg.innerHTML = "Your browser doesn't support HTML5!<br/>Recommend use Chrome 14+/IE 9+/Firefox 7+/Safari 4+";
  document.body.appendChild(msg);
  $("#code").css("display", "none")
  $("#copyright").css("position", "absolute");
  $("#copyright").css("bottom", "10px");
  document.execCommand("stop");
}
else {
  setTimeout(function () {
    startHeartAnimation();
  }
             , 160000);
  timeElapse(together);
  setInterval(function () {
    timeElapse(together);
  }
              , 500);
  adjustCodePosition();
  $("#code").typewriter();
}
​

运行代码

简介

请输入代码名称！

名称

男孩的心声

分类

综合代码

描述

123