Javascript - 将图像加载到属性中

时间:2013-05-08 18:37:27

标签: javascript web properties

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

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

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

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

有什么方法可以改变它来显示图像而不是字符,如果有,这怎么办?我以前从未使用过Javascript,所以对于任何帮助或指示我会非常感激。

3 个答案:

答案 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;