标签: fade

所以我正在使用Twitter Bootstrap,当用户点击"注册"按钮时,我有一个向下滑动的模态.

唯一的问题是背景页不仅会褪色,这是一个很好的效果,但模态也会褪色.我怎样才能使背景褪色时模态为正常亮度？

我创建了一个JSFiddle来演示我的问题:http://jsfiddle.net/jononomo/7z8RZ/7/

以下代码创建一个淡入淡出的模式:

<div class="navbar navbar-fixed-top"> 
    <a href="#registration_modal" data-toggle="modal">
        Register
    </a>
    <div id="registration_modal" class="modal hide fade">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
                <h3 id="myModalLabel">Register An Account</h3>
        </div>

        <div class="modal-body">
            Registration form goes here.
        </div>

        <div class="modal-footer">
            <button class="btn btn-secondary" data-dismiss="modal">Cancel</button>
            <button class="btn btn-primary">Register</button>
        </div>

    </div>
</div>

注意:如果我删除外部div,那么一切正常.所以问题是模态的代码在以下几行内:

<div class="navbar navbar-fixed-top">
</div>

当然我不想删除那个div,因为我希望按钮启动模式的链接位于固定在屏幕顶部的导航栏中.

编辑:我已经将它缩小到外部div属于类的事实navbar-fixed-top.当我删除该标签时,一切都按预期工作 - 你可以看到它在这里正常工作:http://jsfiddle.net/jononomo/7z8RZ/8/ 当然,我希望导航栏固定在顶部,所以这不能解决我的问题.

我想在Imageview上加载图像时显示淡入淡出效果.我正在使用毕加索来缓存图像并在图像视图中显示.我已经搜索了很多,但无法找到任何解决方案.

我之前使用过,我知道在某些版本中他们有.fade(int Duration)方法在加载时淡化图像,但我再也找不到这个方法了.

这就是我现在正在做的事情

Picasso.with(context)
                .load(viewHolder.data.imageList.get(0).url)
                .networkPolicy(NetworkPolicy.OFFLINE)
                .placeholder(R.drawable.a_place_holder_list_view)
                .error(R.drawable.a_place_holder_list_view)
                .into(viewHolder.ivUser, context.loadImage(viewHolder.ivUser, viewHolder.data.imageList.get(0).url));


public Callback loadImage(RoundedImageView ivUser, String url) {
    return new callback(ivUser, url);
}

public class callback implements Callback {

    RoundedImageView imageView;
    String url;

    public callback(RoundedImageView imageView, String url) {
        this.imageView = imageView;
        this.url = url;
    }

    @Override
    public void onSuccess() {

    }

    @Override
    public void onError() {
        Picasso.with(BaseActivity.this)
                .load(url)
                .placeholder(R.drawable.a_place_holder_list_view)
                .error(R.drawable.a_place_holder_list_view)
                .into(imageView, new Callback() {
                    @Override
                    public void onSuccess() {

                    }

                    @Override
                    public void onError() {
                        Log.v("Picasso", "Could not …

我的目标是让UITableViewCells在接近UITableView的边界时淡入/淡出并即将被覆盖/显示.

我一直在尝试的方法是在滚动事件期间获取UITableViewCell的坐标.问题是每个细胞似乎都是0,0.我已经尝试将坐标转换为父表和视图,但它们仍然出现在0,0.

所以一般来说,如果有人知道如何获得坐标,或者根据他们的位置更好地将UITableViewCells放入和取出,我会非常感谢您的任何建议.

谢谢你的时间,乔尔

假设我已经调用了$ element.fadeIn(200).100毫秒后,该页面上发生了一些事情,我想要中断淡入淡出并立即fadeOut().我怎样才能做到这一点？

如果调用$ element.fadeIn(200).fadeOut(0),则fadeOut()仅在fadeIn()完成后发生.

另外,有没有办法我可以检查$ element来确定fadeIn()或fadeOut()是否正在运行？$ element是否有任何更改的.data()成员？

这就是我所拥有的:

.box{
    background:#FFF;
    -webkit-transition: background 0.5s;
}

.box:hover{
    background:#000;
}

但这既适用于onmouseover,也适用于onmouseout行动,但是没有办法控制它们吗？就像是:

-wekbkit-transition-IN: background 1s;
-webkit-transition-OUT: background 10s;

我想在一个循环中的图像之间淡出(比如这里的结果-jsfiddle.net/5M2PD)但纯粹通过CSS,没有JavaScript.我尝试使用关键帧,但我没有成功.请帮忙.

@keyframes cf3FadeInOut {
    0% {
        opacity:1;
    }
    45% {
        opacity:1;
    }
    55% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#cf3 img.top {
   animation-name: cf3FadeInOut;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-duration: 10s;
   animation-direction: alternate;
}

a {
    float: left;
    width: 32px;
    height: 32px;
    text-align: left;
    text-indent:-9999px;
    background: url('../img/button.png') no-repeat 0 0;

    -webkit-transition: background 300ms ease-in 2s; /* property duration timing-function delay */
    -moz-transition: background 300ms ease-in 2s;
    -o-transition: background 300ms ease-in 2s;
    transition: background 300ms ease-in 2s;


    -webkit-transition-property: background;
    -webkit-transition-duration: 300ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 100ms;

    -moz-transition-property: background;
    -moz-transition-duration: 300ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 100ms;

    -o-transition-property: background;
    -o-transition-duration: 300ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 100ms;

    transition-property: background;
    transition-duration: 300ms;
    transition-timing-function: ease-in;
    transition-delay: 100ms;

}

a:hover {
    background:position: 0 -32px; …

我查看了本页底部的官方显示/隐藏转换示例... http://docs.angularjs.org/api/ng.directive:ngShow

我试图修改它以从一个div到另一个div获得无缝淡入淡出过渡(过渡:不透明度0.5s缓入),其中两个div占据页面上完全相同的位置,因此一个div完全淡出在另一个div开始淡入之前.

在jquery中,它将如下所示:

$("#divA").fadeOut(function() { $("divB").fadeIn(); });

有没有人对使用角度的最佳方法有任何建议,相对于链接的例子,它使用单个模型"检查"来触发转换？

我有4个图像,我想在循环中相互淡化.我有以下内容:

<img src="/images/image-1.jpg" id="featureImg1" />
<img src="/images/image-2.jpg" id="featureImg2" style="display:none;" />
<img src="/images/image-3.jpg" id="featureImg3" style="display:none;" />
<img src="/images/image-4.jpg" id="featureImg4" style="display:none;" />

我正在修改HTML,虽然我不能在这种情况下使用绝对定位.我在网站上使用jQuery else,所以它可用.由于图像较大,我还需要立即处理未加载的图像.

如何div用jQuery 淡化a的边缘？想想一个带有水平滑动图像的旋转木马.如何淡出左侧和右侧,使边缘附近的图像逐渐消失.

希望很清楚.:)