我正在使用 Raphaël Javascript 库(顺便说一下,这是一个非常棒的 SVG 渲染库),并且目前正在尝试在鼠标悬停时更新图像的源代码。
问题是我找不到任何相关的内容(考虑到我已经阅读了 Raphaël 的大部分源代码,而没有找到任何相关的内容,可能根本就不可能)。
有人知道如何做到这一点吗? 也许可以不直接使用 Raphaël 的 API 来实现,但由于生成的 DOM 元素没有 ID,我不知道如何手动更改它们的属性。
我实际上正在使用 CoffeeScript,但它真的很容易理解。毕竟 CoffeeScript 就是 Javascript。 这就是我现在正在做的事情,我希望 MouseOver 和 MouseOut 方法可以更改 "bg" 属性的源代码。
class Avatar
constructor: (father, pic, posx, posy) ->
@bg = father.container.image "pics/avatar-bg.png", posx, posy, 112, 112
@avatar = father.container.image pic, posx + 10, posy + 10, 92, 92
mouseOver = => @MouseOver()
mouseOut = => @MouseOut()
@bg.mouseover mouseOver
@bg.mouseout mouseOut
MouseOver: ->
@bg.src = "pics/avatar-bg-hovered.png"
alert "Hover"
MouseOut: ->
@bg.src = "pics/avatar-bg.png"
alert "Unhovered"
class Slider
constructor: ->
@container = Raphael "raphael", 320, 200
@sliderTab = new Array()
AddAvatar: (pic) ->
@sliderTab.push new Avatar this, pic, 10, 10
window.onload = ->
avatar = new Slider()
avatar.AddAvatar "pics/daAvatar.png"
这实际上是可行的,除了"@bg.src"这部分:我写它的时候就知道它不会起作用,但是...