我在我的网页上使用Snowstorm.js javascript文件。
当前源允许您更改“雪花”显示为的字符。但是,我希望能够将雪花的属性更改为我创建的雪花图像。
您可以编辑源,这是设置要显示的字符的行。
this.snowCharacter = '•'; // • = bullet, · is square on some systems etc.
有什么方法可以改变它来显示图像而不是字符,如果有,这怎么办?我以前从未使用过Javascript,所以对于任何帮助或指示我会非常感激。
答案 0 :(得分:1)
看起来Snowstorm.js可能已经具备了这样做的功能。您是否看到http://www.bozo.us/Javascript/snowstorm/发布的信息?本页建议:
文件结构
该脚本在./image/snow/下查找雪图像 默认如下图所示。如果需要,可在此更改 用户可配置的部分。
这似乎对应于您链接的页面底部提到的更新,其中包含:
1.2.20041121a
为简单起见,脚本移动到一个文件(snowstorm.js)
更新了addEventHandler和PNG支持功能
在JavaScript中可能有很多hacky方法可以做到这一点,但这可能会让你找到一个干净的解决方案。祝你好运!
答案 1 :(得分: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设置样式。
答案 2 :(得分:-1)
在原始行中使用unicode '❄'
代替'•'
,如下所示:
this.snowCharacter = '❄'
;
这将输出雪花'❄'上面的字符而不是子弹点。
您可能还需要将这些值增加到16左右:
this.flakeWidth = 8;
this.flakeHeight = 8;