新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   XML论坛     W3CHINA.ORG讨论区     >>计算机科学论坛<<     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术,以及有关GIS的应用。
    [返回] 计算机科学论坛XML.ORG.CN讨论区 - 高级XML应用『 SVG/GML/VRML/X3D/XAML 』 → 关于鼠标放在rect上触发的事件,总在闪动,请教 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 4178 个阅读者  浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: 关于鼠标放在rect上触发的事件,总在闪动,请教 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     pdadn 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:0
      积分:53
      门派:XML.ORG.CN
      注册:2007/1/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给pdadn发送一个短消息 把pdadn加入好友 查看pdadn的个人资料 搜索pdadn在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看pdadn的博客楼主
    发贴心情 关于鼠标放在rect上触发的事件,总在闪动,请教

    我在用svg画图的时间,希望鼠标在rect上时,就显示一个信息,鼠标移开,就把显示的信息摸掉,但是,发现,不行,鼠标点在rect上的时,显示的信息不停的闪动。
    大家有什么好的方法,实现鼠标放在RECT上时,显示一个信息,并且信息显示不闪?
    rect.setAttribute("onmouseout","cancelShowSysDetailInfo(evt)");

    function cancelShowSysDetailInfo(evt){
      clearData("info");
     }
     
     function clearData(obj){
     var gg=dlist_svgDocument.getElementById(obj);
     var ind=gg.childNodes.length;
     while(gg.hasChildNodes)
            {
               gg.removeChild(gg.firstChild);
            }
       } 
    这个是移开的代码,

    rect.setAttribute("onmousemove","showSysDetailInfo(evt)");

    function showSysDetailInfo(evt){
      
      var node = evt.getTarget();
            var id = node.getAttribute("id");
            
            var Xcoordinate =evt.getClientX();
            var Ycoordinate =evt.getClientY()-15;
            var rectwidth=200;
            var rectheight=50;
            createRect(Xcoordinate,Ycoordinate,rectwidth,rectheight,id);

     }
     
     //paint info rect
     function createRect(x,y,width,height,infostr){
       var displayDiv=dlist_svgDocument.createElement("rect");
       var ginfo=dlist_svgDocument.getElementById("info");
       displayDiv.setAttribute("x",x);
       displayDiv.setAttribute("y",y);
       displayDiv.setAttribute("width",width);
       displayDiv.setAttribute("height",height); 
       displayDiv.setAttribute("stroke","#81CEED");
       displayDiv.setAttribute("stroke-width","1");
       displayDiv.setAttribute("fill","none");
       displayDiv.setAttribute("id","rect_"+infostr); 
       ginfo.appendChild(displayDiv);
       var did=infostr.split(",")[2];
       var dip=infostr.split(",")[3];
       var dname=infostr.split(",")[4];
       var status=infostr.split(",")[1];
       paintText2(x,y,status,did,dip,dname,"info");
     }
     
     function paintText2(x,y,status,did,dip,dname,ginfo){
       var gginfo=dlist_svgDocument.getElementById(ginfo);
      if(status==0){
       var x1=Number(x)+10;
       var y1=Number(y)+10;
       infoCreateText(x1,y1,"设备名:",gginfo);
       
      }else{
       var x1=Number(x)+10;
       var y1=Number(y)+10;
       infoCreateText(x1,y1,"设备名:",gginfo);
      }
     }
    这个是鼠标放在rect上的代码


       收藏   分享  
    顶(0)
      





    关闭广告显示
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2007/1/12 15:08:00
     
     upc2neiep 帅哥哟,离线,有人找我吗?
      
      
      等级:大二期末(汇编考了97分!)
      文章:85
      积分:460
      门派:XML.ORG.CN
      注册:2006/4/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给upc2neiep发送一个短消息 把upc2neiep加入好友 查看upc2neiep的个人资料 搜索upc2neiep在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看upc2neiep的博客2
    发贴心情 
    onmousemove 应该判断信息框是否存在,存在的情况下修改属性
    不知道是不是效果好些
    纯粹判断
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2007/1/13 20:47:00
     
     tamefox 美女呀,离线,快来找我吧!魔羯座1980-1-1
      
      
      威望:1
      等级:大四(每天看1小时莱昂氏)
      文章:129
      积分:1236
      门派:XML.ORG.CN
      注册:2005/7/6

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给tamefox发送一个短消息 把tamefox加入好友 查看tamefox的个人资料 搜索tamefox在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看tamefox的博客3
    发贴心情 
    不用onmousemove事件,用onmouseover事件就好了~

    ----------------------------------------------
    无为而无所不为
    有为而有所不为

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2007/1/14 9:22:00
     
     GoogleAdSense魔羯座1980-1-1
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2025/7/15 1:42:38

    本主题贴数3,分页: [1]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    12,363.770ms