鼠标动作(3)
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响应鼠标移动的效果.