设为首页收藏本站
切换到宽版

Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步，快速开始

搜索
Discuz!官方免费开源建站系统»论坛 › Discuz! 交流与讨论 › Discuz!-模板 › 五彩圣诞美化 - 添加飘雪特效
12345下一页
返回列表 发新帖

五彩圣诞美化 - 添加飘雪特效

[复制链接]
heikafeijp 发表于 2007-12-9 22:35:43 | 显示全部楼层 |阅读模式
首先感谢五彩圣诞的作者给我们提供了如此漂亮的风格。
自己在网上找了一段特效代码，成功实现了飘雪特效，发现有人在找，就在此分享给大家。

添加方法，请按下面的步聚：

1.打开 tmplates/Christmas/header.htm

找到：<body onkeydown="if(event.keyCode==27) return false;">

在下面加入：
  1. <!--//雪花特效开始//-->
  2. <SCRIPT LANGUAGE="JavaScript1.2">
  3. <!--
  4. var no = 18;
  5. var speed = 50;
  6. var heart = "snow.gif";<!--//此图片是飘动的雪花图片，可自定，相对路径和绝对路径都可//-->
  7. var flag;
  8. var ns4up = (document.layers) ? 1 : 0;
  9. var ie4up = (document.all) ? 1 : 0;

  11. var dx, xp, yp;
  12. var am, stx, sty;
  13. var i, doc_width = 800, doc_height = 600;
  14. if (ns4up) {
  15. doc_width = self.innerWidth;
  16. doc_height = self.innerHeight;
  17. } else if (ie4up) {
  18. doc_width = document.body.clientWidth;
  19. doc_height = document.body.clientHeight;
  20. }
  21. dx = new Array();
  22. xp = new Array();
  23. yp = new Array();
  24. amx = new Array();
  25. amy = new Array();
  26. stx = new Array();
  27. sty = new Array();
  28. flag = new Array();
  29. for (i = 0; i < no; ++ i) {
  30. dx[i] = 0; // set coordinate variables
  31. xp[i] = Math.random()*(doc_width-30)+10;
  32. yp[i] = Math.random()*doc_height;
  33. amy[i] = 12+ Math.random()*20;
  34. amx[i] = 10+ Math.random()*40;
  35. stx[i] = 0.02 + Math.random()/10;
  36. sty[i] = 0.7 + Math.random();
  37. flag[i] = (Math.random()>0.5)?1:0;
  38. if (ns4up) { // set layers
  39. if (i == 0) {
  40. document.write("<layer name="dot"+ i +"" left="15" ");
  41. document.write("top="15" visibility="show"><img src="");
  42. document.write(heart+ "" border="0"></layer>");
  43. } else {
  44. document.write("<layer name="dot"+ i +"" left="15" ");
  45. document.write("top="15" visibility="show"><img src="");
  46. document.write(heart+ "" border="0"></layer>");
  47. }
  48. } else
  49. if (ie4up) {
  50. if (i == 0) {
  51. document.write("<div id="dot"+ i +"" style="POSITION: ");
  52. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  53. document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
  54. document.write(heart+ "" border="0"></div>");
  55. } else {
  56. document.write("<div id="dot"+ i +"" style="POSITION: ");
  57. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  58. document.write("visible; TOP: 15px; LEFT: 15px;"><img src="");
  59. document.write(heart+ "" border="0"></div>");
  60. }
  61. }
  62. }

  64. function helpor_net() {
  65. for (i = 0; i < no; ++ i) {
  66. if (yp[i] > doc_height-50) {
  67. xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
  68. yp[i] = 0;
  69. flag[i]=(Math.random()<0.5)?1:0;
  70. stx[i] = 0.02 + Math.random()/10;
  71. sty[i] = 0.7 + Math.random();
  72. doc_width = self.innerWidth;
  73. doc_height = self.innerHeight;
  74. }
  75. if (flag[i])
  76. dx[i] += stx[i];
  77. else
  78. dx[i] -= stx[i];
  79. if (Math.abs(dx[i]) > Math.PI) {
  80. yp[i]+=Math.abs(amy[i]*dx[i]);
  81. xp[i]+=amx[i]*dx[i];
  82. dx[i]=0;
  83. flag[i]=!flag[i];
  84. }
  85. document.layers["dot"+i].top = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
  86. document.layers["dot"+i].left = xp[i] + amx[i]*dx[i];

  88. }
  89. setTimeout("helpor_net()", speed);
  90. }

  92. function www_helpor_net() {
  93. for (i = 0; i < no; ++ i) {
  94. if (yp[i] > doc_height-50) {
  95. xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
  96. yp[i] = 0;
  97. stx[i] = 0.02 + Math.random()/10;
  98. sty[i] = 0.7 + Math.random();
  99. flag[i]=(Math.random()<0.5)?1:0;
  100. doc_width = document.body.clientWidth;
  101. doc_height = document.body.clientHeight;
  102. }
  103. if (flag[i])
  104. dx[i] += stx[i];
  105. else
  106. dx[i] -= stx[i];
  107. if (Math.abs(dx[i]) > Math.PI) {
  108. yp[i]+=Math.abs(amy[i]*dx[i]);
  109. xp[i]+=amx[i]*dx[i];
  110. dx[i]=0;
  111. flag[i]=!flag[i];
  112. }

  114. document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
  115. document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i];
  116. }
  117. setTimeout("www_helpor_net()", speed);
  118. }

  120. if (ns4up) {
  121. helpor_net();
  122. } else if (ie4up) {
  123. www_helpor_net();
  124. }
  125. //-->
  126. </script>
  127. <!--//雪花特效结束//-->
复制代码
2.上传雪花图片（我自己做的，有一点闪光效果）



上传到 images目录中（可以是任意目录，不过修改代码的时候要注意路径的正确连接）

3.更新缓存即可

效果演示：

http://bbs.yakecn.net

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x

评分

1

查看全部评分

回复

使用道具 举报

雾潮 发表于 2007-12-9 22:41:20 | 显示全部楼层
不错的，谢谢朋友。。。
回复

使用道具 举报

七步断肠1 发表于 2007-12-9 22:45:10 | 显示全部楼层
不错不错
回复

使用道具 举报

四季歌 发表于 2007-12-9 23:39:35 | 显示全部楼层

+http://www.22090.com
回复

使用道具 举报

38274798 发表于 2007-12-10 02:15:42 | 显示全部楼层
安装成功 谢谢了
www.sf138.net
回复

使用道具 举报

疯伟 发表于 2007-12-10 03:07:31 | 显示全部楼层
支持..
待安装


http://www.admin186.com
回复

使用道具 举报

yah007 发表于 2007-12-10 04:26:26 | 显示全部楼层
ff 下不能显示
回复

使用道具 举报

zywsderg 发表于 2007-12-10 04:27:27 | 显示全部楼层
原帖由 heikafsmjp 于 2007-12-9 22:35 发表
首先感谢五彩圣诞的作者给我们提供了如此漂亮的风格。
自己在网上找了一段特效代码，成功实现了飘雪特效，发现有人在找，就在此分享给大家。

添加方法，请按下面的步聚：

1.打开 tmplates/Christmas/header.h ...


不错，谢谢
回复

使用道具 举报

sn天堂使 发表于 2007-12-10 08:16:03 | 显示全部楼层
原帖由 yah007 于 2007-12-10 04:26 发表
ff 下不能显示

支持一个`
FF下不能显示也不是什么奇怪的事`过往有很多JS特效FF都不支持的`

[ 本帖最后由 sn天堂使 于 2007-12-10 08:24 编辑 ]
回复

使用道具 举报

dyxgxm 发表于 2007-12-10 08:21:47 | 显示全部楼层
这个雪花太闪了，我贡献一个吧，
<EMBED style="LEFT: 183px; POSITION: absolute; TOP: -70px" align=right src=http://imgfree.21cn.com/free/flash/68.swf width=698 height=303 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED>
加入到header.htm的任意位置。
回复

使用道具 举报

下一页 »
12345下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-6-2 14:06 , Processed in 0.225825 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表