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

    >> 讨论HTML、XHTML、Web2.0、Ajax、XUL, ExtJS, jQuery, JSON、Social Networking System(SNS)、Rich Internet Applications (RIA)、Tagging System、Taxonomy(tagsonomy,folkonomy)、XForms、XFrames、XInclude, XBL (XML Binding Language)等话题
    [返回] 中文XML论坛 - 专业的XML技术讨论区XML.ORG.CN讨论区 - XML技术『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』 → ie6中a:hover 问题(ie7没有测试过,估计也会存在) 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 3836 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: ie6中a:hover 问题(ie7没有测试过,估计也会存在) 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     ioyichen 帅哥哟,离线,有人找我吗?
      
      
      等级:大一(高数修炼中)
      文章:33
      积分:191
      门派:XML.ORG.CN
      注册:2007/5/14

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给ioyichen发送一个短消息 把ioyichen加入好友 查看ioyichen的个人资料 搜索ioyichen在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 引用回复这个贴子 回复这个贴子 查看ioyichen的博客楼主
    发贴心情 ie6中a:hover 问题(ie7没有测试过,估计也会存在)

    :做一个级联菜单,想用a:hover来做在菜单项上的移动效果,当鼠标在菜单项快速移动时,a:hover的效果会延迟,前提条件:菜单项的内容较多。不用a:hove用mouseover,mouseout情况会更加糟糕!firefox或菜单项数量不多时,可以正常显示移动效果
    以下内容为程序代码:

    <style type="text/css">
    .gc-cata-menu-belowdiv{
     position:absolute;
     z-index:2020;
     font-size: 12px;   
    }
    .gc-cata-menu-belowdiv ul{
     list-style-type:none;
     padding:2px;
     background:buttonface;
     border-style:solid;
     border-width:2px;
     border-color:#eee gray gray #eee;
     position:absolute;
     width:110px;
    }
    .gc-cata-menu-belowdiv ul li{
     clear:both;
    }
    .gc-cata-menu-belowdiv ul li a{
     padding:2px 5px 2px 0;
     position:relative;
     float:left; 
     text-decoration:none;
     color:#000;
    }
    .gc-cata-menu-belowdiv ul li a:hover {
     background:#2a5faa;
     color:#fff;
    }
    .gc-cata-menu-belowdiv span{
     white-space:nowrap;
     overflow:hidden;
     width:80px;
     display:block;
     cursor:pointer;
     padding-left:10px;
     float:left;
    }
    .gc-cata-menu-belowdiv ul li div{ 
     width:10px;
     height:12px;
     float:right;
     
    }
    </style>
    <body>
    <div id="grpe-cata-belowdiv" class="gc-cata-menu-belowdiv" style="display: block; left: 569px; top: 143px;">
    <ul>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li><li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    <li><a href="javascript:void(0);"><span haschild="true" catatile="1111111111" cataid="102">电子元器件子元器件</span><div> </div></a></li>
    </ul></div>
    </body>

       收藏   分享  
    顶(0)
      




    ----------------------------------------------
    HA HA HA HA !

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2008/3/17 16:01:00
     
     GoogleAdSense
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 HTML/XHTML/Ajax/Web 2.0/Web 3.0 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/5/11 5:37:47

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

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