鼠标动作(6)

Foreso 2003-10-16 05:20:04
6. 鼠标在对象上



恢复
源代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- Author : Blueknight,Hangzhou,China 2000 -->

<svg width="50" height="50">

<script><![CDATA[
function change_color(evt) {
var SVGDoc = evt.getTarget().getOwnerDocument();
var rect = SVGDoc.getElementById("rect");
var style = rect.getStyle();

style.setProperty("fill", "blue")
}
]]></script>

<rect id="rect" x="5" y="5" width="40" height="40"
style="fill: red" onmouseup="change_color(evt)"/>

</svg>



讲解:
  onmouseup加上触发的javascript事件,构成svg响应鼠标在对象上的发生的动作.

...全文
30 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
SVG 2004-02-07
  • 打赏
  • 举报
回复
var rect = SVGDoc.getElementById("rect");
var style = rect.getStyle();

style.setProperty("fill", "blue")

可以简化成:

rect.setAttribute("fill", "blue");

3,422

社区成员

发帖
与我相关
我的任务
社区描述
其他开发语言 其他开发语言
社区管理员
  • 其他开发语言社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧