new NDanmaku(container, prefix = '', zIndex = 'auto')
-
container
- 弹幕容器元素,可以是一个字符串(元素的id
),也可以是一个DOM元素对象。 -
prefix
- 容器弹幕的前缀,默认为空。 -
zIndex
- 上述容器将被设置的z-index
值,默认为auto
。
取值为DOM元素对象或者DOM元素的id。
弹幕将会在这个元素内进行创建,因此咱们也称其为“弹幕的容器”。
此参数已经在README中说明过了,这里不再赘述。
- 默认值:
''
取值为可以用作DOM元素的id
的字符串。
当prefix
取值不为空时,程序将会给每一条弹幕的DOM元素设置一个唯一的id
,这个id
的格式如下:
N-danmaku-{prefix}-{弹幕的唯一id}
举个栗子:
-
创建对象时没有设置
prefix
const demo_1 = new NDanmaku('demo-1');
可以看到弹幕元素并没有
id
属性。
-
创建对象时设置
prefix
为test
const demo_1 = new NDanmaku('demo-1', 'test');
可以看到此时弹幕元素
id
为N-danmaku-test-0
。
- 默认值:
'auto'
这个参数的取值和CSS中的z-index
属性是一致的。
在对象创建后,程序会在container
元素中创建一个div
元素,作为该容器的弹幕层。紧接着,程序会将该弹幕层的样式的z-index
属性为本参数的值。
当弹幕层元素受容器中其他层元素遮挡时,这个参数非常有用。