以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  svg鼠标事件代码有问题，请高手帮忙！  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=14088)

--  作者：天啦
--  发布时间：1/28/2005 12:37:00 PM

--  svg鼠标事件代码有问题，请高手帮忙！
我想实现点击矩形，矩形就会闪烁，再点击就停止闪烁，下面代码可以实现点击闪烁，无法实现再次点击停止闪烁，请高手看看阿！
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
 "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg id="svg" width="800" height="600">
 <script type="text/ecmascript"><![CDATA[
      function hideReveal(evt)
       {
    var  i = 0;
    svgdoc=evt.target.ownerDocument;
    objet=svgdoc.getElementById('turn');
if (i==0)
{objet.setAttribute('from=','rgb(0,128,0)');
objet.setAttribute('to','rgb(255.0.0)');
i=i+1}
else
{objet.setAttribute('from=','');
objet.setAttribute('to','');
i=i-1}
       
       
      }
    ]]></script>
 <g id="202" onclick="hideReveal(evt)" transform="translate(195 172)">
  <rect id="rect" style="stroke:rgb(0,0,0);fill:rgb(0,128,0);fill-opacity:1;stroke-opacity:1"
   x="0" y="0" width="100" height="30">
   <animateColor id="turn" attributeName="fill" dur="0.2s"
    repeatCount="indefinite" />
  </rect>
 </g>
</svg>

--  作者：zhiyu-2000
--  发布时间：1/28/2005 2:26:00 PM

--  
把i=0放在函数的前面就行了
<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg id="svg" width="800" height="600">
<script type="text/ecmascript"><![CDATA[
      var  i = 0;
      function hideReveal(evt)
       {
    svgdoc=evt.target.ownerDocument;
    objet=svgdoc.getElementById('turn');
if (i==0)
{objet.setAttribute('from=','rgb(0,128,0)');
objet.setAttribute('to','rgb(255.0.0)');
i=i+1}
else
{objet.setAttribute('from=','');
objet.setAttribute('to','');
i=i-1}
       
       
      }
    ]]></script>
<g id="202" onclick="hideReveal(evt)" transform="translate(195 172)">
  <rect id="rect" style="stroke:rgb(0,0,0);fill:rgb(0,128,0);fill-opacity:1;stroke-opacity:1"
   x="0" y="0" width="100" height="30">
   <animateColor id="turn" attributeName="fill" dur="0.2s"
    repeatCount="indefinite" />
  </rect>
</g>
</svg>
--  作者：天啦
--  发布时间：1/31/2005 8:46:00 AM

--  
谢谢了！
--  作者：hqs
--  发布时间：6/25/2005 11:53:00 AM

--  
我想知道怎样使停止后颜色回到以前？
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
 46.875ms