2. 鼠标按下 
  
  
  
恢复 
源代码: 
  
＜?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＂ onmousedown=＂change_color(evt)＂/＞

＜/svg＞
 
  
  
讲解: 
  
　　onmousedown加上触发的javascript事件,构成svg响应鼠标按下的效果.