<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>动起来啦</title>
<style style="text/css">
*{margin:0;padding:0;}
body{background:url("images/1.jpg");background-size:cover;}
/*start top*/
.top{width:400px;height:100px;margin:60px auto;font-size:30px;font-family:"华文行楷";color:#fff;
<!--background:-webkit-linear-gradient(45deg,#ff0000,#ffcc00,#ffff99,#33ccff,#00ff33,#6600ff,#333399);
-webkit-background-clip:text;-->}
/*end top*/
/*start box*/
.box{width:310px;height:310px;margin:auto;perspective:800px;/*景深*/}
.box .pic{position:relative;transform-style:preserve-3d;/*3d环境*/ animation:play 10s linear infinite;/*动画名称 执行时间 匀速 无限执行*/}
.box ul li{list-style:none;position:absolute;top:0;left:0;}
/*start box*/
/*定义一个关键帧*/
@keyframes play{
from{transform:rotateY(0deg);}
to{transform:rotateY(360deg);}
}
/*start text*/
#text{width:500px;height:200px;color:#6fade1;margin:auto;font-size:24px;font-family:"方正喵呜体";}
/*end text*/
</style>
</head>
<body>
<!--start top-->
<div class="top">
<marquee behavior="alternate">时光不老，我们不散</marquee>
</div>
<!--end top-->
<!--start box-->
<div class="box">
<div class="pic">
<ul>
<li><img src="images/1.png" width="" height="" alt=""/></li>
<li><img src="images/2.png" width="" height="" alt=""/></li>
<li><img src="images/3.png" width="" height="" alt=""/></li>
<li><img src="images/4.png" width="" height="" alt=""/></li>
<li><img src="images/5.png" width="" height="" alt=""/></li>
<li><img src="images/6.png" width="" height="" alt=""/></li>
</ul>
</div>
</div>
<!--end box-->
<!--start text-->
<div id="text"></div>
<!--end text-->
<embed src="music.mp3" hidden="true"/>
<script src="js/jquery.min.js"></script>
<!--雪花-->
<script src="js/snow.js"></script>
<script>
$(".pic ul li").each(function(i){//遍历
var deg=360/$(".pic ul li").size();//size个数
//当前的li对象 添加css样式
$(this).css({"transform":"rotateY("+deg*i+"deg) translateZ(216px)"});
$.fn.snow({
minSize:10,
maxSize:15,
newOn:500,
flakeColor:"#ffffff"
});
});
var i=0;
var str="00年的小伙，身高170，体重64，优点：乖巧听话，缺点：直男....我想了很久了，上课的时候，我坐立不安，心里充满了拥有你的渴望。睡觉的时候，翻来覆去的想你。吃饭的时候在想些我们在一起的生活。做梦的时候满是你那充满气质而诱人的脸颊。喜欢看你发呆，喜欢看你微笑，喜欢看你认真。";
window.onload=function typing(){
//获取div
var mydiv=document.getElementById("text");
mydiv.innerHTML+=str.charAt(i);
i++;
var id=setTimeout(typing,100);
if(i==str.length){
clearTimeout(id);
}
}
</script>
</body>
</html>
雪花告白祝福附加修改指南.rar
版权申诉
5星 · 超过95%的资源 87 浏览量
2021-12-23
22:19:44
上传
评论
收藏 8.23MB RAR 举报 
雪花告白祝福附加修改指南.rar （14个子文件） 
雪花告白祝福附加修改指南 
index.html 3KB
雪花告白基本修改教程.docx 568KB images 
4.png 82KB 3.png 72KB
cursor.ico 4KB
1.jpg 44KB 5.png 56KB 1.png 28KB 2.png 31KB 6.png 65KB 3.jpg 38KB js jquery.min.js 91KB snow.js 1KB music.mp3 8.09MB资源评论
你随便叫我2024-03-07资源有一定的参考价值，与资源描述一致，很实用，能够借鉴的部分挺多的，值得下载。
suk1121152023-08-09这个资源内容超赞，对我来说很有价值，很实用，感谢大佬分享~
JeremyLiew2022-03-14用户下载后在一定时间内未进行评价，系统默认好评。
