Manyou诚邀开发者加盟 | 常见问题
《站长》“开发者特刊”限量赠送		立即免费下载 Discuz!6.1.0正式版
Discuz! 6.1.0使用说明 | 使用手册		Discuz!NT2.5正式版发布
开放源码下载 | 使用手册
UCenter Home 1.2 正式版发布
官方站 | 帮助文档 | 使用手册		基于ECShop的网店托管-卖否
上海PHP认证培训热招 | LAMP培训大连
Discuz!收费服务内容及价格
《站长》俱乐部各地聚会活动进行中
Discuz!/ECShop 专用官方虚拟主机
Yes玩.武林三国（赤壁.下）		Comsenz 招聘信息
网店系统ECShop v2.6.0正式版火热发布		基于Discuz!的免费论坛空间5D6D
《站长》第八期：实战互联网开放平台
12345
返回列表 回复 发帖

Newbie

Rank: 1

帖子
23 
积分
40 
威望
2  
金币
1 个 
体力
50  
楼主
打印
tT
heikafeijp发表于 348 天前  22:35 | 只看该作者

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

首先感谢五彩圣诞的作者给我们提供了如此漂亮的风格。
自己在网上找了一段特效代码，成功实现了飘雪特效，发现有人在找，就在此分享给大家。

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

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.上传雪花图片（我自己做的，有一点闪光效果）

snow.gif
348 天前  22:35


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

3.更新缓存即可

效果演示：

http://bbs.yakecn.net
1

评分次数

  • 南芝恋

收藏 分享 评分
回复 引用

订阅 TOP

Newbie

Rank: 1

帖子
48 
积分
38 
威望
0  
金币
0 个 
体力
50  
沙发
雾潮发表于 348 天前  22:41 | 只看该作者
不错的，谢谢朋友。。。
回复 引用

TOP

Conqueror

Rank: 3Rank: 3

帖子
442 
积分
355 
威望
0  
金币
1 个 
体力
445  
藤椅
七步断肠1发表于 348 天前  22:45 | 只看该作者
不错不错
民间偏方网
回复 引用

TOP

Conqueror

Rank: 3Rank: 3

帖子
253 
积分
250 
威望
0  
金币
32 个 
体力
236  
板凳
四季歌发表于 348 天前  23:39 | 只看该作者

+http://www.22090.com
数字音乐论坛
回复 引用

TOP

Lord

Rank: 4

帖子
711 
积分
639 
威望
1  
金币
40 个 
体力
667  
报纸
38274798发表于 348 天前  02:15 | 只看该作者
安装成功 谢谢了
www.sf138.net
视频：洪磊和好友郑朝辉聊天录音
回复 引用

TOP

Lord

Rank: 4

帖子
885 
积分
769 
威望
5  
金币
7 个 
体力
843  
地板
疯伟发表于 348 天前  03:07 | 只看该作者
支持..
待安装


http://www.admin186.com
一个个的干物,看了都想要........

站长交流QQ群:7338834
回复 引用

TOP

Conqueror

Rank: 3Rank: 3

帖子
326 
积分
301 
威望
3  
金币
7 个 
体力
244  
7#
yah007发表于 348 天前  04:26 | 只看该作者
ff 下不能显示
YANBONG ~ 马来西亚综合讨论区
回复 引用

TOP

Member

Rank: 2

帖子
68 
积分
54 
威望
0  
金币
0 个 
体力
50  
8#
zywsderg发表于 348 天前  04:27 | 只看该作者
原帖由 heikafsmjp 于 2007-12-9 22:35 发表
首先感谢五彩圣诞的作者给我们提供了如此漂亮的风格。
自己在网上找了一段特效代码，成功实现了飘雪特效，发现有人在找，就在此分享给大家。

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

1.打开 tmplates/Christmas/header.h ...
不错，谢谢
回复 引用

TOP

King

Rank: 6Rank: 6

帖子
1584 
积分
1932 
威望
51  
金币
63 个 
体力
1483  
9#
sn天堂使发表于 348 天前  08:16 | 只看该作者
原帖由 yah007 于 2007-12-10 04:26 发表
ff 下不能显示
支持一个`
FF下不能显示也不是什么奇怪的事`过往有很多JS特效FF都不支持的`

[ 本帖最后由 sn天堂使 于 2007-12-10 08:24 编辑 ]
专业精仿、升/降级各种论坛风格,价格优惠!,信誉良好,演示满意后付款,联系QQ:45325970 邮箱:mlts@qq.com 马上联系我
回复 引用

TOP

Conqueror

Rank: 3Rank: 3

帖子
238 
积分
224 
威望
2  
金币
9 个 
体力
206  
10#
dyxgxm发表于 348 天前  08:21 | 只看该作者
这个雪花太闪了，我贡献一个吧，
<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的任意位置。
※9服网※优质论坛专用主机销售 ※ 风格模板制作※www.999server.cn※QQ:794918446
回复 引用

TOP

12345
返回列表