`
raisun_1988
  • 浏览: 117846 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

网页特效-背景特效-简单实用的下雪背景

    博客分类:
  • Web
阅读更多
<html>
<head>
<title>中国站长天空-网页特效-背景特效-简单实用的下雪背景</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
.drop {position:absolute;width:3;filter:flipV(),flipH();font-size:40;color:blue}
</style>
</head>
<!--把<body>改为-->
<body bgcolor="#000000">
<!--把下面代码加到<body>与</body>之间-->
<script language="javascript">
snow = true;
snowsym = " * "
rainsym = " ' "
howmany = 25
if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}
else{sym = rainsym; speed=50; drops=howmany; angle=6}
movex = -speed/angle; movey = speed; count = 0;
function moverain(){
for(move = 0; move < drops; move++){
xx[move]+=movex; yy[move]+=mv[move];
hmm = Math.round(Math.random()*1);
if(xx[move] < 0){xx[move] = maxx+10;}
if(yy[move] > maxy){yy[move] = 10;}
drop[move].left = xx[move]
drop[move].top = yy[move]+document.body.scrollTop;
}setTimeout('moverain()','1')}
//-->
</script>
<script language="javascript">
<!--
if (document.all){
drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()
ly = "document.all[\'"; st = "\'].style"
for(make = 0; make < drops; make++){
document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>');
drop[make] = eval(ly+'drop'+make+st);
maxx = document.body.clientWidth-40
maxy = document.body.clientHeight-40
xx[make] = Math.random()*maxx;
yy[make] = -100-Math.random()*maxy;
drop[make].left = xx[make]
drop[make].top = yy[make]
mv[make] = (Math.random()*5)+speed/4;
drop[make].fontSize = (Math.random()*10)+20;
//*Change (col = 'white) to (col =YOUR COLOR)*//
if(snow){col = 'white'}else{col = 'blue'}
drop[make].color = col;
}
window.onload=moverain
}
//-->
</script>
</body>
</html>
分享到:
评论

相关推荐

    HTML5 SVG挂着彩灯下雪特效.zip

    这个特效实现了一个在挂满彩灯的背景下模拟下雪效果的网页场景,适用于节日或者冬季主题的网页设计,而且能够很好地运行,同时也为开发者提供了二次修改的空间。 首先,HTML5是现代网页开发的标准,它引入了许多新...

    JavaScript网页特效范例宝典源码

    实例245 为网页设置背景音乐 378 实例246 随机播放背景音乐 380 实例247 MIDI音乐选择 381 8.9 插入Flash动画 383 实例248 插入Flash动画 383 实例249 插入背景透明的Flash动画 384 8.10 播放视频文件 385 实例250 ...

    基于html5 canvas逼真下雪场景动画特效源码 6种特效.zip

    在这个压缩包中,"基于html5 canvas逼真下雪场景动画特效源码 6种特效.zip" 提供了六种不同的下雪场景动画效果,这无疑是为前端开发者提供了一套实用的资源,可用于创建吸引人的网页背景或节日主题设计。 首先,...

    OpenCV-Python图形图像处理:制作雪花飘落特效.rar

    在OpenCV-Python中制作雪花飘落特效是一个有趣且实用的图像处理项目,它涉及到计算机图形学、图像处理以及动画技术。在这个过程中,我们将学习如何使用Python和OpenCV库来创建一个动态的背景,模拟雪花从天空飘落的...

    unity下雨、雪的特效

    untiy中模拟下雨、雪的天气效果,可模拟小雨、大雨、暴雨、小雪、暴雪等。易修改参数,方便改变雨量大小。绝对实用,,

    再次推荐一款逼真的下雪效果.zip

    标题中的“再次推荐一款逼真的下雪效果.zip”暗示了这是一个关于网页动态效果的资源,具体来说是一个模拟下雪场景的jQuery特效。这个压缩包包含了实现这一特效所需的所有文件,包括HTML、JavaScript代码以及可能的...

    再次推荐一款逼真的下雪效果特效代码

    标题中的“逼真的下雪效果特效代码”是指一种利用编程技术实现的视觉特效,它能够模拟真实的雪花飘落场景,通常用于网站或者应用程序的背景装饰,以增添节日氛围或者冬季主题。这种特效代码可能基于HTML、CSS以及...

    桌面下雪程序

    【标题解析】 "桌面下雪程序"是一个用于在用户计算机桌面上模拟下雪效果的应用程序。这个程序的独特之处在于,即便用户在进行其他...程序的核心是通过高效编程语言和图形处理技术,创造了一个既美观又实用的桌面特效。

    泡妞的圣诞节桌面下雪

    这个应用可能包含了一些图形渲染技术,模拟雪花飘落的效果,并可能配合有背景音乐或者动态元素来增强体验。 描述中的“NULL”表明没有提供具体的细节,但我们可以推测这可能是一个小巧的桌面应用程序,用户只需运行...

    情人节程序员用HTML网页表白【情人节爱你的代码】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript

    - `snowstorm.js` 创建了下雪特效,增加了节日氛围。 - `text.js` 用于模拟打字机效果,使文本显示更有趣味性。 - `heart.js` 用于绘制爱心图形,增强了情感表达。 - `move.js` 和 `time.js` 分别实现了元素移动和...

    漂亮的猫头鹰捂脸登录页面

    综上所述,这个项目是一个集成了多种前端技术的登录页面,利用JavaScript实现了动态效果,如猫头鹰捂脸、下雪背景、表单翻转以及信息验证,为用户提供了一个既美观又实用的登录体验。开发者可能需要掌握HTML、CSS3...

    Android中利用动态加载实现手机淘宝的节日特效

    其次,实现雪人播放器View相对简单,只需要一张雪人图片作为背景,再添加一个按钮用于控制音乐播放。为了节约存储空间,音频文件通常不会打包在应用内,而是采用在线播放的方式。在这个例子中,选用了一首符合节日...

    登录页面模板

    本主题将深入探讨“登录页面模板”,该模板融合了多种功能,如下雪背景、猫头鹰特效、翻转登录、信息提示以及验证机制。这些都是提升用户体验和增强网站吸引力的关键元素。 首先,我们来讨论下雪背景。在冬季或者...

Global site tag (gtag.js) - Google Analytics