0

我在我的网页中使用Snowstorm.js javascript 文件。

当前源允许您更改“雪花”显示为的字符。但是，我希望能够将雪花的属性更改为我创建的雪花的图像。

您可以编辑源代码，这是设置要显示的字符的行。

this.snowCharacter = '•';  // • = bullet, · is square on some systems etc.

有什么办法可以改变它以显示图像而不是字符，如果是这样，这是如何完成的？我以前从未使用过 Javascript，因此对于任何帮助或指示，我将非常感激。

4

3 回答 3

1

找到这些行

this.o = document.createElement('div');
this.o.innerHTML = storm.snowCharacter;
this.o.style.color = storm.snowColor;
this.o.style.position = (fixedForEverything?'fixed':'absolute');
this.o.style.width = storm.flakeWidth+'px';
this.o.style.height = storm.flakeHeight+'px';
this.o.style.fontFamily = 'arial,verdana';
this.o.style.cursor = 'default';
this.o.style.overflow = 'hidden';
this.o.style.fontWeight = 'normal';
this.o.style.zIndex = storm.zIndex;

这里的“o”是你的 div 元素。您可以通过添加以下行将其添加到一个类：

this.o.className = "myClass";

要删除字符，请删除此行：

this.o.innerHTML = storm.snowCharacter;

比你可以用 css 来设计雪花的样式，就像你知道的那样。只需给它一个背景图像。您还可以删除设置颜色、宽度和高度的线条，并使用 css 设置它们的样式。

于 2013-05-08T18:53:41.553 回答
1

看起来 Snowstorm.js 可能已经具备执行此操作的功能。您是否看过http://www.bozo.us/Javascript/snowstorm/上发布的信息？该页面建议：

文件结构

该脚本默认在 ./image/snow/ 下查找雪图像，如下所示。如果需要，可以在用户可配置部分进行更改。

这似乎与您链接的页面底部提到的更新相对应，其中显示：

1.2.20041121a

为简单起见，将脚本移至一个文件 (snowstorm.js)

更新了 addEventHandler 和 PNG 支持函数

在 JavaScript 中可能有很多 hacky 方法可以做到这一点，但也许这会引导你找到一个干净的解决方案。祝你好运！

于 2013-05-08T18:52:01.507 回答
-1

使用 unicode'❄'而不是'•'在原始行中，如下所示：

this.snowCharacter = '❄';

这将像上面一样输出雪花“❄”字符而不是项目符号点。

您可能还必须将这些值增加到 16 左右：

this.flakeWidth = 8;
this.flakeHeight = 8;

于 2014-12-18T10:58:31.073 回答