你的位置:软件> 设计在线> 美工教室> 平面设计> SVG潮流>
矢量文本图形-SVG专题教程 鼠标动作(2)
2001-01-26 23:45:00· 蓝骑士 译·yesky

1 2 3  下一页

鼠标动作 (2)
 
 
4. 鼠标移出
 
 
源代码:
 

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


</svg>

 
讲解:

  onmouseout加上触发的javascript事件,构成svg响应鼠标移出的效果.

1 2 3  下一页



【发表评论】【关闭窗口】


.adobe发布SVG Viewer 3.0