鼠标动作 (1)

Foreso 2003-10-16 05:15:33
1. 鼠标点击



恢复
源代码:

<?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" onclick="change_color(evt)"/>

</svg>


讲解:
  oncilck加上触发的javascript事件,构成svg响应鼠标点击的效果.

  绿色部分为javascript程序段,用于确定函数change_color(evt)触发时发生的事件--这里是将标识符为rect的矩形改变颜色.
...全文
22 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

3,422

社区成员

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

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