新浪微博 好友频道进入后 “取消关注”的JQery的弹出层特效如何实现? 最好可以贴出代码...

解决方案 »

  1.   

    JS制作有遮罩层的模式对话框
    http://blog.csdn.net/xuexiaodong2009/article/details/6605417
      

  2.   

    JS弹出层
    http://www.cnblogs.com/jikey/archive/2010/08/23/1806059.html
      

  3.   

    当然可以了,js都可以,跟别说jquery了,jquery.ui也有很多弹出窗体
      

  4.   


    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Untitled Document</title>
            <script src="jquery.js" type='text/javascript'></script>
            <script>
                jQuery(function(){
                    jQuery(".btn").click(
                        function(){
                            jQuery("body").append("<div class='DivMask'><iframe border='0' width='100%' height='100%' marginheight='0' marginwidth='0' scrolling='no'></iframe></div>");
                            SetCss();
                        }
                    )
                });
            
                function SetCss(){
                    jQuery('.DivMask').css(
                        {
                            height:document.body.clientHeight,
                            width:document.body.clientWidth,
                            "background-color": "#CCCCFF",
                            opacity:10,//兼容
                            top:"0",
                            left:"0",//0就不要px了
                            position: "absolute",//这样就不会在按钮下面了
                            "z-index":900 //这句报错,不知道为什么“after property id”,
                                //css属性中带“-”的,一律用引号"z-index"/"background-color"
                        }
                    );
                }
        </script>
        </head>
        <body>
            <input id="button" type="button" class="btn" value="OK"/>
        </body>
    </html>
      

  5.   

    参考:
    http://jqueryui.com/demos/