gojs hover时 鼠标变成小手样式
时间: 2023-09-04 10:15:32 浏览: 104
用css添加手状样式鼠标移上去变小手
5星 · 资源好评率100%
你可以通过设置 CSS 样式来更改 GoJS 中节点和连线的鼠标悬停样式。以下是一个示例,当鼠标悬停在节点上时,鼠标会变成小手样式:
```css
/* 当鼠标悬停在节点上时,将鼠标样式更改为小手 */
.hover {
cursor: pointer;
}
```
然后在节点模板中,你可以使用 `mouseEnter` 和 `mouseLeave` 事件来添加或删除 `hover` 类:
```javascript
myDiagram.nodeTemplate = $(go.Node, "Auto",
{
mouseEnter: function(e, obj) {
obj.addClass("hover");
},
mouseLeave: function(e, obj) {
obj.removeClass("hover");
}
},
$(go.Shape, "Rectangle")
);
```
在上面的示例中,我们使用 `addClass` 和 `removeClass` 方法来添加或删除 `hover` 类,以更改节点的鼠标悬停样式。你可以在连线模板中使用相同的方法来更改连线的鼠标悬停样式。
阅读全文