svg mouseover
时间: 2023-06-28 10:04:05 浏览: 138
SVG(Scalable Vector Graphics)是一种用于描述二维矢量图形的XML语言。在SVG中,可以使用JavaScript来添加交互性,其中之一就是使用mouseover事件。
当用户将鼠标指针移动到SVG元素上时,可以使用mouseover事件触发相关的JavaScript代码。例如,可以通过mouseover事件来改变SVG元素的样式或显示相关信息。
下面是一个简单的例子,当鼠标指针移动到SVG圆形上时,将会改变圆形的颜色:
```html
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" fill="red"
onmouseover="this.setAttribute('fill', 'blue')"
onmouseout="this.setAttribute('fill', 'red')"/>
</svg>
```
在上面的代码中,当鼠标指针移动到圆形上时,会触发onmouseover事件,这里使用了JavaScript代码来改变圆形的颜色。当鼠标移开时,会触发onmouseout事件,将圆形的颜色恢复为原来的颜色。
阅读全文