精华内容
下载资源
问答
  • 浮层

    2015-09-09 22:51:13
    浮层的布局文件 主页面 xmlns:fresco="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height=

    浮层的布局文件

    主页面

    <span style="font-size:18px;"><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">
    
    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
    <include layout="@layout/toolbar" />
    
    <RelativeLayout
    android:id="@+id/rl_photo"
    android:layout_width="match_parent"
    android:layout_height="56dp"
    android:layout_marginTop="@dimen/m24"
    android:background="@color/bg_color">
    
    <TextView
    android:id="@+id/textView7"
    style="@style/Font3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_marginLeft="@dimen/m32"
    android:text="头像" />
    
    <TextView
    android:id="@+id/textView8"
    style="@style/Font11"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="@dimen/m32"
    android:drawableRight="@mipmap/g_20_tongyong_jiantou_hui_dj"
    android:text="" />
    
    <com.facebook.drawee.view.SimpleDraweeView
    android:id="@+id/imageView1"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:layout_centerVertical="true"
    android:layout_toLeftOf="@+id/textView8"
    fresco:placeholderImage="@mipmap/g_20_tongyong_morentouxiang" />
    </RelativeLayout>
    
    <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="42dp"
    android:layout_marginTop="@dimen/m24"
    android:background="@color/bg_color">
    
    <TextView
    style="@style/Font3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_marginLeft="@dimen/m32"
    android:text="手机号" />
    
    <TextView
    android:id="@+id/tv_name"
    style="@style/Font11"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="@dimen/m32"
    android:drawableRight="@mipmap/g_20_tongyong_jiantou_hui_dj"
    android:text="" />
    </RelativeLayout>
    
    <RelativeLayout
    android:id="@+id/rl_name"
    android:layout_width="match_parent"
    android:layout_height="42dp"
    android:layout_marginTop="@dimen/m24"
    android:background="@color/bg_color"
    android:clickable="true">
    
    <TextView
    style="@style/Font3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_marginLeft="@dimen/m32"
    android:text="尊称" />
    
    <TextView
    style="@style/Font11"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="@dimen/m32"
    android:drawableRight="@mipmap/g_20_tongyong_jiantou_hui_dj"
    android:text="" />
    
    <ImageView
    style="@style/line"
    android:layout_alignParentBottom="true"
    android:layout_alignParentRight="true"
    android:layout_marginLeft="@dimen/m240" />
    </RelativeLayout>
    
    <RelativeLayout
    android:id="@+id/rl_update_pwd"
    android:layout_width="match_parent"
    android:layout_height="42dp"
    android:background="@color/bg_color">
    
    <TextView
    style="@style/Font3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_marginLeft="@dimen/m32"
    android:text="修改密码" />
    
    <TextView
    style="@style/Font11"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="@dimen/m32"
    android:drawableRight="@mipmap/g_20_tongyong_jiantou_hui_dj"
    android:text="" />
    </RelativeLayout>
    
    <TextView
    android:id="@+id/button"
    style="@style/Font2"
    android:layout_width="fill_parent"
    android:layout_height="35dp"
    android:layout_marginLeft="@dimen/m160"
    android:layout_marginRight="@dimen/m160"
    android:layout_marginTop="@dimen/m240"
    android:background="@drawable/btn_bg"
    android:clickable="true"
    android:gravity="center"
    android:onClick="logOut"
    android:text="退出登录" />
    
    
    </LinearLayout>
    
    
    <span style="background-color: rgb(255, 204, 204);"><include layout="@layout/dialog_user_name" /></span>
    
    </RelativeLayout>
    </span>

    要在上面浮一个dialog


    <span style="font-size:18px;"><RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rl_dialog_name"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#46000000"
    android:gravity="center"
    android:visibility="gone">
    
    <RelativeLayout
    android:layout_width="267dp"
    android:layout_height="200dp"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="170dp"
    android:background="@drawable/dialog_name"
    android:clickable="true"
    android:orientation="vertical">
    
    <ImageView
    android:id="@+id/iv_logo"
    android:layout_width="@dimen/m120"
    android:layout_height="@dimen/m120"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="@dimen/m24"
    android:src="@mipmap/g_20_tongyong_tishi_mifeng" />
    
    <TextView
    android:id="@+id/tv_name"
    style="@style/Font2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/iv_logo"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="8dp"
    android:text="请输入您的尊称" />
    
    <EditText
    android:id="@+id/et_name"
    android:layout_width="200dp"
    android:layout_height="29dp"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:layout_marginRight="8dp"
    android:layout_marginTop="13.3dp"
    android:background="@drawable/dialog_et"
    android:imeOptions="actionDone"
    android:paddingLeft="8dp"
    android:text="涣散小小" />
    
    <ImageView
    android:id="@+id/iv_clean"
    android:layout_width="16dp"
    android:layout_height="16dp"
    android:layout_alignRight="@+id/et_name"
    android:layout_centerVertical="true"
    android:layout_marginRight="5dp"
    android:clickable="true"
    android:scaleType="center"
    android:src="@drawable/g_20_tab_sanchu"
    android:visibility="gone" />
    
    <LinearLayout
    android:id="@+id/ll_checkbox"
    android:layout_width="600dp"
    android:layout_height="42dp"
    android:layout_below="@id/et_name"
    android:layout_marginLeft="33dp"
    android:layout_marginRight="33dp"
    android:orientation="horizontal"
    android:weightSum="2">
    
    <CheckBox
    android:id="@+id/checkBox_Male"
    style="@style/checkBox_sex"
    android:layout_width="100dp"
    android:layout_height="42dp"
    android:layout_weight="1"
    android:checked="false"
    android:paddingLeft="8dp"
    android:text="先生" />
    
    <CheckBox
    android:id="@+id/checkBox_Female"
    style="@style/checkBox_sex"
    android:layout_width="100dp"
    android:layout_height="42dp"
    android:layout_weight="1"
    android:paddingLeft="8dp"
    android:text="女士" />
    
    </LinearLayout>
    
    <ImageView
    android:id="@+id/iv_line"
    android:layout_width="240dp"
    android:layout_height="0.33dp"
    android:layout_below="@id/ll_checkbox"
    android:layout_marginLeft="@dimen/m40"
    android:layout_marginRight="@dimen/m40"
    android:background="#CCCCCC" />
    
    <TextView
    android:id="@+id/ok"
    style="@style/Font21"
    android:layout_width="wrap_content"
    android:layout_height="42dp"
    android:layout_below="@id/iv_line"
    android:layout_centerHorizontal="true"
    android:gravity="center"
    android:text="确定" />
    </RelativeLayout>
    </RelativeLayout>
    </span>

    写布局文件时,要将浮层用include写在主页面中,在浮层的布局中将其visibility设置为gone,在代码中需要调用时再set为visible

    <span style="font-size:18px;">caseR.id.rl_name:
    
    aq.id(R.id.rl_dialog_name).visible();
    
        break;</span>


    展开全文
  • 里放一个类似<code>Select这样的浮层元素,当浮层出现后,该元素滚动位置变化,由于浮层是在<code>body下绝对定位的,因此不会跟着走,导致定位错误 一个解决办法是把浮层放在主元素...
  • ViewOverlay 浮层

    千次阅读 2016-01-08 13:40:23
    ViewOverlay 看似挺陌生的,其实android在4.3的时候就已经供给了,它是view上面的的一个浮层,这个浮层与当前View视图大小一致,可以理解一个上下两层的楼房,但是上层的内容并不影响整个布局. API:添加覆盖 /**...

    ViewOverlay 看似挺陌生的,其实android在4.3的时候就已经供给了,它是view上面的的一个浮层,这个浮层与当前View视图大小一致,可以理解一个上下两层的楼房,但是上层的内容并不影响整个布局.

    API:添加覆盖

     /**
         * Adds a Drawable to the overlay. The bounds of the drawable should be relative to
         * the host view. Any drawable added to the overlay should be removed when it is no longer
         * needed or no longer visible.
         *
         * @param drawable The Drawable to be added to the overlay. This drawable will be
         * drawn when the view redraws its overlay.
         * @see #remove(Drawable)
         */
        public void add(Drawable drawable) {
            mOverlayViewGroup.add(drawable);
        }

    API: 移除覆盖

        /**
         * Removes the specified Drawable from the overlay.
         *
         * @param drawable The Drawable to be removed from the overlay.
         * @see #add(Drawable)
         */
        public void remove(Drawable drawable) {
            mOverlayViewGroup.remove(drawable);
        }

    API: 清除所有覆盖

      /**
         * Removes all content from the overlay.
         */
        public void clear() {
            mOverlayViewGroup.clear();
        }
    API: 覆盖是否为空

     boolean isEmpty() {
            return mOverlayViewGroup.isEmpty();
        }


    ViewOverlay还有个子类,主要提供给ViewGroup的,增加了两个方法 

    add(view) ;remove(view) 添加浮层视图和移除浮沉视图

     * @param view The View to be added to the overlay. The added view will be
         * drawn when the overlay is drawn.
         * @see #remove(View)
         * @see ViewOverlay#add(Drawable)
         */
        public void add(View view) {
            mOverlayViewGroup.add(view);
        }
    
        /**
         * Removes the specified View from the overlay.
         *
         * @param view The View to be removed from the overlay.
         * @see #add(View)
         * @see ViewOverlay#remove(Drawable)
         */
        public void remove(View view) {
            mOverlayViewGroup.remove(view);
        }



    最大的作用就是穿越层次

    下面将会给出例子:

    1:移动的范围 左边扩展范围为整个窗体,而右边默认属于父亲范围大小

     private void overlayWindow(final View v) {
            if (Build.VERSION.SDK_INT < 18) return;
            final ViewGroup group = ((ViewGroup) getWindow().getDecorView());
            group.getOverlay().add(v);
    
            //简单位移动画
            ObjectAnimator anim = ObjectAnimator.ofFloat(v, "translationY", group.getHeight());
            anim.setDuration(2000);
            anim.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animation) {
    
                }
    
                @Override
                public void onAnimationEnd(Animator animation) {
                    group.getOverlay().remove(v);
                }
    
                @Override
                public void onAnimationCancel(Animator animation) {
                    group.getOverlay().remove(v);
                }
    
                @Override
                public void onAnimationRepeat(Animator animation) {
    
                }
            });
            anim.start();
        }
    
        private void animWiew(View v) {
            ObjectAnimator anim = ObjectAnimator.ofFloat(v, "translationY", 15 * (v.getHeight()));
            anim.setDuration(2000);
            anim.start();
        }


     


    可以看到左边的移动返回为整个窗体,而右边移动返回属于红色区域(默认父亲窗体大小)


    例子2:展现view默认的移动范围,是他父亲的大小范围

     private void overlayWindow2(final View v) {
            if (Build.VERSION.SDK_INT < 18) return;
            final ViewGroup group = (ViewGroup) v.getParent();
            ObjectAnimator anim = ObjectAnimator.ofFloat(v, "translationY", group.getHeight());
            anim.setDuration(2000);
            anim.start();
        }

    这里并未添加浮层





    例子3: 凌波微步的效果:

     /**
         * 先展示一个消失动画
         * <p/>
         * 再在窗体中位移
         * <p/>
         * 凌波微步的效果
         *
         * @param v
         */
        private void CombinationOverlay(final View v) {
            if (Build.VERSION.SDK_INT < 18) return;
    
            ObjectAnimator fade = ObjectAnimator.ofFloat(button3, "alpha", 1f, 0f);
            fade.setDuration(1000);
    
    
            fade.addListener(new Animator.AnimatorListener() {
                @Override
                public void onAnimationStart(Animator animation) {
    
                }
    
                @Override
                public void onAnimationEnd(Animator animation) {
                    FrameLayout fram_greent = (FrameLayout) findViewById(R.id.fram_greent);
                    v.setAlpha(1.0f);
                    fram_greent.getOverlay().add(v);
    
                    final ViewGroup group = ((ViewGroup) getWindow().getDecorView());
                    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "translationY", -group.getHeight());
                    anim.setDuration(2000);
                    anim.addListener(new Animator.AnimatorListener() {
                        @Override
                        public void onAnimationStart(Animator animation) {
    
                        }
    
                        @Override
                        public void onAnimationEnd(Animator animation) {
                            group.getOverlay().remove(v);
                        }
    
                        @Override
                        public void onAnimationCancel(Animator animation) {
                            group.getOverlay().remove(v);
                        }
    
                        @Override
                        public void onAnimationRepeat(Animator animation) {
    
                        }
                    });
                    anim.start();
    
                }
    
                @Override
                public void onAnimationCancel(Animator animation) {
    
                }
    
                @Override
                public void onAnimationRepeat(Animator animation) {
    
                }
            });
            fade.start();
    
    
        }
    


    展开全文
  • 简单浮层制作

    2018-06-23 06:22:42
    浮层效果预览 实现了:. 点击按钮弹出浮层. 点击别处关闭浮层. 点击浮层时,浮层不得关闭. 再次点击按钮,浮层消失 要点解析:页面结构 <div class="wrapper"> <button class="clickMe">点我</...
        

    浮层效果预览
    clipboard.png

    实现了
    . 点击按钮弹出浮层
    . 点击别处关闭浮层
    . 点击浮层时,浮层不得关闭
    . 再次点击按钮,浮层消失

    要点解析
    页面结构

    <div class="wrapper">
            <button class="clickMe">点我</button>
            <div class="tips">
                <span>我是浮层</span>
            </div>
        </div>

    三角形的实现
    注意这里的三角形,其实是用两个 div 来实现。
    clipboard.png

    .tips::before{
                content:'';
                right:100%;
                top:3px;
                border:10px solid transparent;
                border-right-color:red;
                position:absolute;
            }
    .tips::after{
                content:'';
                right:100%;
                top:4px;
                border:9px solid transparent;
                border-right-color:white;
                position:absolute;
            }

    小知识
    transparent adj. 透明的
    ::afterborder 的像素小一些,背景色变一下,这样边框自然出来了

    点击按钮

    $('.clickMe').on('click',(e)=>{$('.tips').toggle();
                setTimeout(()=>{
                    $(document).one('click',()=>{$('.tips').hide()})
                },0)
             })
    $('.wrapper').on('click',(e)=>{e.stopPropagation()})

    toggle() 主要是切换浮层的转态
    e.stopPropagation() 阻止事件冒泡

    setTimeout() 定时器,
    setTimetout(f,0) 的含义会在下一轮事件循环一开始就执行。
    setTimeout(f, 0) 这种写法的目的是,尽可能早地执行 f,但是并不能保证立刻就执行 f

    补充知识点
    toggle()
    stopPropagation()
    setTimeout()

    展开全文
  • <div><p>For Issue 353 ...可以控制Tip mouseout Tip元素或者Tip浮层后,隐藏Tip浮层的行为。 增加了Demo演示这个Option。 顺便修改了Demo页的title。</p><p>该提问来源于开源项目:ecomfe/esui</p></div>
  • 浮层滚动问题

    2020-01-10 18:57:28
    使用 position transform 实现从右边滑出的 h5 浮层效果,但在手机浏览器上左右滑动时,页面产生了左右滚动条,浮层也出来了。这是问题页面,移动端访问如下: 这个现象不应该出现,问题好解决,但为什么会这样?想...

    引子

    使用 position transform 实现从右边滑出的 h5 浮层效果,但在手机浏览器上左右滑动时,页面产生了左右滚动条,浮层也出来了。这是问题页面,移动端访问如下:

    59-qrcode-problem

    这个现象不应该出现,问题好解决,但为什么会这样?想了一下,好像知道相关点,但又讲不清,所以在此梳理一下。

    原因

    产生了滚动,很自然的就会想到 overflow 属性,那么就先来了解一下。

    overflow 属性指定了块容器元素的内容溢出时是否被剪裁,是 overflow-xoverflow-y 的简写。

    Name overflow
    可取值 visible、hidden、scroll、auto、inherit
    默认值 visible
    适用于 块级容器和建立了格式化上下文的盒子
    继承性
    • visible:这个值表示内容不会被剪切,可能会在盒子之外渲染。
    • hidden:这个值表示内容被剪切,并且不应提供滚动用户界面来查看剪裁区域之外的内容。
    • scroll:这个值表示内容被剪切,并且如果用户代理使用在屏幕上可见的滚动机制(例如滚动条或窗格),则无论盒子中的任何内容是否被剪裁,都应为盒子显示该机制。这是为了避免滚动条在一个动态环境中,出现和消失造成的任何问题。当指定这个值且目标媒介是打印时,溢出的内容可能会被打印,也可能不会打印。当用在 table boxes 时,这个值跟 visible 作用一致。
    • auto:这个值表示依赖用户代理,但应为溢出的盒子提供滚动机制。当用在 table boxes 时,这个值跟 visible 作用一致。

    通过上面的了解,想先纠正一下取值为 auto 的一种认识:浏览器会自动根据内容决定是否产生滚动。从现象上看似乎是这样,但标准上不是这样的,只是建议。如果用户代理不提供滚动,那就没有,而且也不一定是滚动,这都依赖于用户代理。

    再来分析一下上面有问题的情况,主要的结构和样式如下:

    <!doctype html>
    <html>
      <body>
        <div class="pop"></div>
      </body>
    </html>
    
    html {overflow-x: hidden;}
    html,body { height: 100%; }
    body { position: relative; }
    .pop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .5);
      transform: translateX(100%);
    }
    

    body 没有显式设置 overflow 的值,所以默认是 visible ,由于浮层使用 transform 超出了可视区,那么先来确定一下 bodyoverflow 是否有效。

    设置 body 宽度的效果页面,移动端访问如下:

    59-qrcode-body

    发现符合 overflow: visible 的效果,没有产生左右滚动条。

    接着有了下面的猜想:只要超出了可视区就会产生滚动。在前面的基础上,设置浮层 transform 超出可视区,这是效果页面,移动端访问如下:

    59-qrcode-scroll

    结果跟猜想的一样,这也说明从一开始并不是 body 产生了滚动,而是 viewport 产生了滚动。继续查找资料,发现了下面的标准说明:

    用户代理必须将根元素上设置的 overflow 属性应用于 viewport 。当根元素是一个 HTML 的 html 元素且它的 overflow 值是 visible ,并且它拥有 body 元素作为后代,用户代理必须将这样的第一个后代元素的 overflow 的属性值应用于 viewport 。如果 visible 应用于 viewport ,则必须将其解释为 auto 。从中传播值的元素必须有一个 overflow 已使用的值为 visible

    从上面的说明以及实际测试,推测上述情况中 body 的 overflow 属性应用到了 viewport 上,导致产生了滚动。把 body 设置 overflow-x: hidden ,就发现不会产生左右滚动了,移动端访问如下:

    59-qrcode-normal

    后记

    在 IOS 和 安卓上测试了 4、5 个浏览器都会出现左右滚动,但一些安卓手机上的 Chrome 浏览器没有出现滚动,例如在红米6手机。还有一点就是:PC 端浏览器都不会产生左右滚动。

    此外,标准上其实说的并不是很清楚,再加上标准是一回事,各家实现并不一定都是符合标准。

    以上见解都是个人结合资料和实际测试得出,是否真是这样,真不好说,不过可以当作一个思考的方向。

    参考资料

    展开全文
  • 浮层引导页Demo

    热门讨论 2015-05-20 12:05:28
    浮层引导页Demo,一共工具类,只需传入activity、图片参数即可设置。
  • 浮层遮挡情况想必大家在测试网页布局师会有遇到过吧,如果浮层中的元素覆盖的区域含有设置了postion:relative的元素,在IE7中浮层就有可能无法遮挡这些元素,下面是具体的解决方法
  • 简单浮层窗口

    千次阅读 2016-05-14 10:20:27
    简单浮层窗口
  • 顶层页面内预留用于显示浮层的div(命名为popdiv),且该div内有一预留的iframe,该iframe用于加载浮层内容,命名为popiframe; 提供可以直接访问浮层内容的url连接; iframe触发显示浮层事件时,通过window.
  • 提示浮层跟随鼠标移动(jquery版)
  • 解决浮层穿透问题

    2020-05-22 20:45:39
    解决浮层穿透问题 在实际开发过程中,经常会遇到这样的要求: 在一个列表的上方,弹起一个浮层,弹起浮层后列表就不能再滑动,关闭浮层后,列表又能正常滑动。 这个问题其实不难,我们只需要禁用浏览的冒泡和捕获...
  • 图片上弹出浮层js

    2017-01-09 09:35:49
    图片上弹出浮层js
  • Activity中实现浮层图片: @Override public void onResume() { super.onResume(); createView(); } @Override public void onPause() { super.onPause(); / 在程序退出(Activity销毁)时销毁悬浮窗口 if...
  • css:浮层

    2015-05-08 15:47:41
    1.绝对浮层: close 2.相对位置浮层: 需要父元素的position:relative(父元素的top、left可以为空) 子元素的浮层依然使用position:absolute即可 11 3.浮层相对位置(top、right、left) 4....
  • Android NavigationBar隐藏与浮层,Status Bar的隐藏与浮层效果,SystemBar(Status Bar 和Navigation Bar)设置 Immersive与Sticky Immersion风格
  • android 半浮层框架

    2018-11-27 16:11:02
    相信大家都使用过支付宝或者微信等app的半浮层支付功能,本文就针对半浮层的实现进行了探讨,并尽量抽象出具有共用性的一个半浮层框架。如果你来不及看文章,就想直接撸代码,请移步...
  • 点击图片弹出浮层

    2016-05-18 18:56:27
    类似QQ空间相册一样,点击图片,弹出浮层,显示放大图片,左右可切换图片
  • 主要为大家详细介绍了PopupWindow仿微信浮层弹出框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 浮层 刷新 浮层关闭父窗口刷新

    千次阅读 2011-10-25 16:46:30
    这篇文章解决的问题是:1.创建浮层 2.在浮层上操作完成后,浮层关闭,并且使原始页面刷新 demo的url: http://lhgcore.com/demo/demo.html    注册时间:
  • 双SurfaceView实现手机摄像头预览、监听每一帧做处理绘制浮层效果(Demo画了一个矩形上去)
  • RecyclerView实现往上顶浮层标题
  • 浮层引导页Activity

    千次阅读 2016-05-13 10:58:18
    浮层引导页
  • Android浮层 弹出窗口demo

    热门讨论 2015-04-10 10:40:04
    android 浮层,引导用户操作、弹出窗口界面设置、Style设置、半透明效果
  • vue弹出层插件,包含toast loading dialog等浮层控件
  • 浮层定时消失

    2016-07-08 16:07:55
    JS浮层,定时消失后,并跳转至指定路径。 var layer=document.createElement("div"); layer.id="layer"; function func(msg,path){ var style={ background:"#DFF0D8", position:"absolute", width:"362px...
  • 遮罩层实现浮层DIV登录的效果,想必很多的朋友都有遇到过吧,实现起来也是很简单的,下面有个不错的实现,大家可以感受下
  • angular-popups, 基于Angularjs的浮层组件

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,146
精华内容 458
关键字:

浮层