520表白网页
来源：互联网 发布：android仿淘宝头条 编辑：程序博客网 时间：2024/05/22 06:35
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery表白程序-jq22.com</title>
<script src="js/jquery.min.js"></script>
<style>
body {
margin:0;
padding:0px;
background-color:#2C3437;
}
.content {
display:inline-block;
width:350px;
height:400px;
padding-top:70px;
margin-right:5px;
margin-left:5px;
}
div>div>div {
display:block;
height:20px;
}
div>div>div>div {
width:16px;
height:16px;
background-color:#ff00d8;
display:inline-block;
float:left;
margin:2px;
}
div>div.content1>div>div.fl {
background-color:#ff0033;
}
div>div.content2>div>div.fl {
background-color:#006699;
}
div>div.content3>div>div.fl {
background-color:#ffff33;
}
</style>
</head>
<body>
<div style="width: 1100px; margin: auto;">
<p style="font-size: 40px; color: #f75fe0;text-align: center;">
<span>老</span><span>婆</span>
</p>
<p style="font-size: 22px; color: #f75fe0;text-align: center;">
<span>如</span>
<span>果</span>
<span>每</span>
<span>个</span>
<span>人</span>
<span>一</span>
<span>生</span>
<span>只</span>
<span>会</span>
<span>遇</span>
<span>到</span>
<span>一</span>
<span>颗</span>
<span>流</span>
<span>星</span>
<span>，</span>
<span>那</span>
<span>么</span>
<span>和</span>
<span>你</span>
<span>在</span>
<span>一</span>
<span>起</span>
<span>就</span>
<span>是</span>
<span>我</span>
<span>惟</span>
<span>一</span>
<span>的</span>
<span>愿</span>
<span>望</span>
<span>！</span>
</p>
<div class="content content1">
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
</div>
<div class="content content2">
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl" style="margin-left:262px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
</div>
<div class="content content3">
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl" style="margin-left: 222px;"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
<div style="margin-left:20px;">
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
<div class="fl"></div>
</div>
</div>
<a id="bofang" style="background: #f75fe0; color:#fff; border-radius:5px;width:140px;height:40px;text-align: center;display:inline-block;margin-left:400px; line-height: 40px; cursor: pointer;opacity: 0;">
点击再看一次
</a>
<a id="audio_btn" style="background: #f75fe0; color:#fff; border-radius:5px;width:140px;height:40px;text-align: center;display:inline-block;line-height: 40px; cursor: pointer;opacity: 0;">
点击关闭背景音乐
</a>
</div>
<audio id="music" autoplay="autoplay" loop="loop" preload="auto" src="http://www.xyptz.cn/aini.mp3">
</audio><script>
$(document).ready(function() {
animate();
});
function animate() {
$('div>div>div>div').each(function() {
$(this).css({
position: 'relative',
top: '-400px',
opacity: 0
});
var wait = Math.floor((Math.random() * 3000) + 1);
$(this).delay(wait).animate({
top: '0px',
opacity: 1
}, 2000, function() {
$(this).delay(wait).animate({
top: '50px',
opacity: 0
}, 1000, function() {
$(this).delay(wait).animate({
top: '0px',
opacity: 1
}, 500);
});
});
});
$('span').each(function() {
$(this).css({
position: 'relative',
top: '-200px',
opacity: 0
});
var wait = Math.floor((Math.random() * 3000) + 1);
$(this).delay(wait).animate({
top: '0px',
opacity: 1
}, 2000, function() {
$(this).delay(wait).animate({
top: '50px',
opacity: 0
}, 1000, function() {
$(this).delay(wait).animate({
top: '0px',
opacity: 1
}, 500);
});
});
});
}
setTimeout(function() {
$("a").css({
position: 'relative',
left: '-400px',
opacity: 0
});
$("a").animate({
left: '0px',
opacity: 1
}, 2000);
}, 5000)
$("#bofang").click(function() {
animate();
});
$("#audio_btn").click(function() {
var music = document.getElementById("music");
if (music.paused) {
music.play();
$("#audio_btn").html("点击关闭背景音乐");
} else {
music.pause();
$("#audio_btn").html("点击播放背景音乐");
}
});</script>
</body>
</html>
- 520表白网页
- web动态网页程序员圣诞表白网页
- 表白
- 表白
- 表白
- 表白
- 表白！表白！
- 七夕给楠楠修改的表白网页
- 程序员爱情表白专用html5动画网页的代码
- 网页表白神器，画爱心，相爱天数，打字效果
- 520你表白了没？看看程序员们的花式表白吧！
- 520你表白了没？看看程序员们的花式表白吧
- HTML常用代码集合，背完这些基本可以自己做表白网页了
- 【云计算的1024种玩法】第1招：制作一个浪漫的表白网页
- 【云计算的1024种玩法】第1招：制作一个浪漫的表白网页
- 程序员的表白情书“520”大声喊出来
- 用C语言做520表白图（较简单）
- 520，IT工程师们都是如何表白的？
- 去重和排序
- HYSBZ
- Python TreeMap可视化方案的变种实现
- Oracle DataGuard介绍
- LeetCode 3. Longest Substring Without Repeating Characters
- 520表白网页
- HDOJ_1001_Sum Problem
- c++map 详解大全
- Nodejs进阶 基于express+multer的文件上传
- 鼠标经过展开
- c内存管理学习总结
- python错误和异常处理
- js 创建对象的几种常用的方式
- scikit-learn中的SVM使用指南
