zoukankan      html  css  js  c++  java
  • [JQury] slideToggle闪烁问题及解决办法

    [LIUYONGCN]

    [2011-07-02]

    [http://www.cnblogs.com/liuyongcn/]

    在使用slideToggle 的时候经常会遇到列表收起时候闪烁的问题,一般IE浏览器会有这个问题,其他浏览器比如火狐不会出现闪烁

    一、解决方法

    在页面配置<!DOCTYPE />如下

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    其中 "http://www.w3.org/TR/html4/loose.dtd" 是必需的,如果少了这句话仍然会有闪烁的问题,具体为什么我不太清楚

    我查了下,这个句话好象牵扯到规范。如果有大牛看到这篇帖并知道原因,请留言,谢谢

    二、例子

    [下面是一个例子]

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html>
      <head>
     
        <script type="text/javascript" src="js/jquery-1.6.2.min.js">

        </script>
         <script type="text/javascript">
             $(document).ready(function(){
            $(".flip1").click(function(){
                $(".panel").slideToggle("slow");
              });
            });
            
            $(document).ready(function(){
            $(".flip2").click(function(){
                $(".pane2").slideToggle("slow");
              });
            });    
         </script>
        <style type="text/css">
            div.panel,p.flip1,div.pane2,p.flip2
                {
                margin:0px;
                padding:5px;
                text-align:center;
                background:#e5eecc;
                border:solid 1px #c3c3c3;
                150px;
                }
            div.panel,div.pane2
                {
                
                display:none;
                }
        </style>
    </head>
     
    <body>
        <p class="flip1">基础数据</p>
        <div class="panel">
            <p><a href="#">员工管理</a></p>
            <p><a href="#">角色管理</a></p>
            <p><a href="#">权限管理</a></p>
        </div>    
        <p class="flip2">新闻管理</p>
        <div class="pane2">
            <p><a href="#">查询新闻</a></p>
            <p><a href="#">添加新闻</a></p>
        </div>    
    </body>
    </html>


  • 相关阅读:
    第13篇-通过InterpreterCodelet存储机器指令片段
    第12篇-认识CodeletMark
    第11篇-认识Stub与StubQueue
    第10篇-初始化模板表
    第9篇-字节码指令的定义
    Java虚拟机漫漫学习路,我终于悟了
    Unity真机连接profiler
    提取图片中文字方法
    登录锁定个人收藏代码
    java判断密码是否为复杂类型(同时包含大小写和数字)
  • 原文地址:https://www.cnblogs.com/liuyongcn/p/2096329.html
Copyright © 2011-2022 走看看