繁体   English   中英

平滑淡入淡出

Smooth fade out fade in

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我想在Twitter应用程序上进行平稳的刷新,我的Java语言不好,因此无法解决。 我尝试了100样东西,但是没有用……有人可以解决我的问题吗?

我想要当间隔达到时,我的对象(DIV)淡出并平滑。 但是,当它消失时,它一定是新内容。 达到间隔并重新加载内容后,它会立即自动显示新内容...

哦,如果有人可以解决我的第二个问题,那么我希望在加载页面时加载我的对象(间隔对象)。 我现在正在使用的代码:

    setInterval(function () {
var config1 = {
  "id": '554682452443430912',
  "domId": 'tw-widget1',
  "maxTweets": 1,
  "enableLinks": true,
  "dateFunction": dateFormatter,
};

twitterFetcher.fetch(config1);



function dateFormatter(date) {
  return date.toLocaleString();
}

twitterFetcher.fetch(config1);

}, 10000);

请尽快帮助我。

HTML“对象”如下:

<div id="tw-widget1"></div>
2 个回复

您想将事件处理程序链接在一起。

$(function () {
    setInterval(checkUpdate, 10000);
});

function checkUpdate() {
    var config1 = {
        "id": '554682452443430912',
        "domId": 'tw-widget1',
        "maxTweets": 1,
        "enableLinks": true,
        "dateFunction": dateFormatter,
    };

    // twitterFetcher.fetch(config1);
    var div = $("#" + config1.domId);
    div.data('context', JSON.stringify(config1));
    div.fadeOut(500, updateTweet);
}

function dateFormatter(date) {
     return date.toLocaleString();
}

function updateTweet() {
    var div = $(this); 
    var config1 = jQuery.parseJSON(div.data('context'));

    div.empty();
    div.html("New Tweet ID " + config1.id);
    // Then set it to fadeIn.
    div.fadeIn();
}

jsFiddle: http : //jsfiddle.net/avjxmqv5/

$(function(){})中的代码在DOM准备就绪时执行,因此您可以使用它来加载对象。

给jsFiddle十秒钟以使该动作可见。

找到了答案。 解决方案代码:

    $(function () {
     checkUpdate();
    setInterval(checkUpdate, 30000);
});

function checkUpdate() {
    var config1 = {
        "id": '554682452443430912',
        "domId": 'tw-widget1',
        "maxTweets": 1,
        "enableLinks": true,
        "dateFunction": dateFormatter,
    };

    twitterFetcher.fetch(config1);
    var div = $("#" + config1.domId);
    div.data('context', JSON.stringify(config1));
    div.fadeOut(500, updateTweet);
}

function dateFormatter(date) {
     return date.toLocaleString();
}

function updateTweet() {
    var div = $(this); 
    var config1 = jQuery.parseJSON(div.data('context'));

    //div.empty();
    div.html(twitterFetcher.fetch(config1));
    // Then set it to fadeIn.
    div.fadeIn(500);
}

感谢所有人的帮助!

2 Android:平滑淡入淡出动画

我正在尝试在Droid上的两个背景图像之间淡入淡出,但动画似乎获得了5fps(即使不是更少)。 除了淡入/淡出一对更平滑的图像视图之外,我还有什么方法可以使用? ...

2011-06-21 13:44:52 2 1455   android
3 平滑的jQuery调整大小和淡入淡出

我正在尝试平稳地重新加载div的内容(高度可能会变化)。 我看过fadeIn(),animate()等,却找不到任何能产生平滑效果的东西。 我从中得到最好结果的代码是: 我不满意的部分效果是,当html内容更改时,内容会跳到div以下,是否会在不知道新内容高度的情况下随着淡出而发 ...

4 平滑alpha淡入淡出的算法?

我的应用程序通过调整Alpha值在各种媒体和文本层之间淡入淡出。 但是,使用线性交叉淡入淡出时,亮度似乎会“浸入”到一半,然后逐渐淡出。 经过一番搜索后,我找到了可以解释问题的答案 ,但是建议的解决方案(一次仅淡入一层)对我不起作用,因为我使用的大多数层已经包含透明性。 这是我在HTM ...

5 Android-如何在水平滑动/淡入淡出的视图中淡入淡出?

Android中是否有一种方法可以在视图(特别是TextView)上运行淡入淡出动画,该动画将通过滑动动作淡入淡出(因此,如果将其暂停一半,则左侧可见,右侧不可见,并且中间存在一些渐变)。 我想知道是否可以在Alpha通道中使用渐变蒙版? 有什么想法或代码片段可以实现这种展示吗? 垂直或水平。 ...

6 淡入/淡入淡出

我有一个有2个部分的余烬模板,其中一个部分默认情况下可见,而另一个则隐藏,直到我按下按钮。 我使用的是液体喷射,最特别的是,如果是液体助燃剂,则可以在2个部分中进行简单的淡入/淡出。 但是,此操作有效。在切换2之间会发生向上滑动/向下滑动。 我要防止这种滑动效果的发生 以下是模板 ...

7 如何在延迟效果上应用平滑的淡入淡出

我想知道是否有人可以提供解决此问题的方法,对不起,我只是CSS的初学者。 基本上,我有一个登录页面,其中有youtube视频在后台播放,并且有一些按钮在8秒钟后出现。 这些按钮我希望它们可以通过淡入显示而平滑显示。我不知道该怎么做,而我目前使用的CSS片段是 我可以在什么地方和什么地 ...

8 在Android中创建平滑的淡入淡出动画?

我正在尝试在Droid上的两个背景图像之间淡入淡出,但动画似乎获得了5fps(即使不是更少)。 除了淡入/淡出一对更平滑的图像视图之外,我还有什么方法可以使用? ...

2010-08-03 20:20:34 0 716   android
9 使用JQuery在Ajax之后平滑淡入淡出

我正在使用jquery ajax来更改我网站中的页面。 我的代码是这样的: 我的问题是,当我使用淡入淡出效果时,“#target” div的宽度和高度会发生变化,因此,我的页面的滚动发生了变化,这确实很烦人,因为页面似乎在上下跳跃! 我想知道如何使用平滑效果的JQuery淡入淡出。 ...

10 关闭 tkinter python 之前窗口平滑淡入淡出

我用 tkinter 制作了一个简单的工具提示并添加了淡入淡出效果,但是代码存在问题: 这里remove()应该提供淡入淡出效果,但它并不干净,有时如果您离开标签并以超过 100 毫秒的速度输入标签,那么工具提示不会破坏并且将永远留在那里直到应用程序完全退出。 那么是否有任何简单的方法,如果没有 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM