鼠标动作(3)

Foreso 2003-10-16 05:17:22
3. 鼠标移动



恢复
源代码:

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

</svg>




讲解:

  onmousemove加上触发的javascript事件,构成svg响应鼠标移动的效果.
...全文
35 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

3,422

社区成员

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

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