标签: fadein

我有以下字符串,增加段落中包含的整数,并且我想将fadeIn()jQuery函数附加到它.我试图将它连接到字符串的末尾,但这不起作用.关于该做什么的任何建议？

                $p.text(parseInt($p.text(),10) + 1);

Run Code Online (Sandbox Code Playgroud)

我的页面中有一个时钟，加载速度非常快，但在加载时您可以看到它停止的瞬间。我想让它仅在完全加载时出现。

这是时钟的代码：

<style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    #clock {
        position: relative;
        width: 500px;
        height: 480px;
        background: url(images/clockface.png);
        list-style: none;
        }

    #sec, #min, #hour {
        position: absolute;
        width: 30px;
        height: 600px;
        top: 0px;
        left: 225px;
        }

    #sec {
        background: url(images/sechand.png);
        z-index: 3;
        }

    #min {
        background: url(images/minhand.png);
        z-index: 2;
        }

    #hour {
        background: url(images/hourhand.png);
        z-index: 1;
        }

    p {
        text-align: center; 
        padding: 10px 0 0 0;
        }
</style>

<script type="text/javascript">
    $(document).ready(function() {
          setInterval( function() {
          var seconds …

大家好,我对这段代码有疑问.我正试图让图像淡入淡出.这是日食错误:

The method loadAnimation(Context, int) in the type AnimationUtils is not applicable for the arguments (new Runnable(){}, int)

这是我的代码:

Handler timerHandler = new Handler();
{
    Runnable loadImg2 = new Runnable() {
    public void run() {    
        DisplayTitle(gCursor);
        Bitmap bitmap2 = BitmapFactory.decodeFile(sdcard/image.jpg);
        myImageView=(ImageView)findViewById(R.id.imageview1);
        (ImageView)findViewById(R.id.myImageView);
        Animation myFadeInAnimation = AnimationUtils.loadAnimation(this, R.anim.fadein);
        myImageView.startAnimation(myFadeInAnimation);
        myImageView.setImageBitmap(bitmap2);
        timerHandler.postDelayed(clearImg, 55000);//55000);
        "); 
    }  
};

我正在给我朋友的投资组合网站(使用wordpress)进行最后的触摸,但我遇到了一个简单的JQuery页面过渡淡入效果的问题.

这是该网站的链接:( 警告:NSFW) http://www.alexdebrabant.com/front/

在"PROJECTS"部分中,我使用Jquery循环创建一个幻灯片,其中包含帖子中的所有图片.它工作得很好.但在"PORTRAITS"部分,情况有点不同,因为每个帖子只有一张图片.因此,PREV NEXT按钮将访问者带到新帖子,因此每次都必须加载新页面.我的想法是尝试使用某种淡入淡出过渡模仿"PROJECTS"部分的幻灯片.目前,我只有一个非常基本的淡入淡出效果.我的问题是,除非图像被缓存,否则fadeIn效果会在图像加载完成之前过快触发.

我是JQuery的新手,我怀疑必须有一个简单的解决方案,但我似乎无法找到它.

此外,如果你们中任何人知道Jquery效果可以更好地模仿/复制"PROJECTS"部分的幻灯片,那也很棒.可能是页面交叉淡入淡出效果(如果存在)或淡出/淡出可能.

任何帮助将不胜感激.

这是代码:

<!-- contentload -->
<script type="text/javascript">
$(document).ready(function(){

    $('#content').fadeIn(500);

});
</script>
<!-- contentload -->

<style>
#content {display: none;}
</style>

干杯!

托姆

我正在努力完成一些如此简单的事情,这很痛苦,但是经过几个小时的工作我还没有好运.

我有4个div,每个都有'.slide'类.我想做的就是让它们不可见,但是当它们在视口中时会淡入.如果他们离开视口,他们应该返回隐形状态.有任何想法吗？

    $('.slide').waypoint(
    function() {
        if( $(this).is(":in-viewport") ) {
            $(this).animate({
                opacity: 1
            }, 100);
        }
        $('.slide').not(this).animate({
            opacity: 0
        }, 100);
    },
    {
        offset: function() {
            return $.waypoints('viewportHeight') - document.getElementById('navigation').clientHeight;
        }
    }
);

http://jsfiddle.net/Agdax/3/

这是我第一次使用jQuery.我正在加载一个大的背景图像,当它加载时,我在三秒钟内褪色.此脚本适用于Firefox和Chrome,但不适用于IE(当然!).是否有任何失败的安全方式使它在IE中神奇地工作,是否有一些更漂亮的写作方式？

<div class="bgImage" />

$(document).ready(function () {
  // add bg image and fade
  var _image = new Image();
  _image.id = 'newImageId';
  _image.src = "./css/background.jpg";

  $(_image).load(function () {
    $('div.bgImage').css('background-image', 'url(./css/background.jpg)');
    $('div.bgImage').fadeTo(3000, 1);
  });
});

http://leongaban.com/_stack/fade/

我刚刚进入jQuery并且有很多关于如何进行这种简单淡入淡出的教程,但是来自AS3背景,看起来我的代码应该可以工作,我很好奇为什么它没有"T.

• 在rollOver上,黄色框淡出
• 然而,在rollOut上,黄色的盒子有点淡出然后再次出现

不知道为什么它会"反弹"鼠标输出功能......想法？

HTML

<div class="fade">
    <h2>The Title</h2>

    <p>Lorem ipsum.</p>
</div>

jQuery的

<script>

    (function() {

        var fade = $('div.fade');

        fade.mouseover(function() {

                fade.fadeOut(500);

        });

        fade.mouseout(function() {

            fade.fadeIn(600);
        });

    })();

</script>

我正在使用一个预先存在的jQuery脚本,该脚本在旋转div时使用.FadeOut.这个问题就是div淡出了但是下一个div按顺序旋转而不是淡入.我试图找出一种简单的方法来添加.fadeIn()而无需从头开始重建函数,但我的JS技能让我失望.是否有一种简单的方法来调整我缺少的脚本或者我应该重建它？

function rotate() {
            $('div.divRT').each(function (index, value) {
                var nextDv = $(this).find('div.stDv:visible').next('div.stDv');
                if (nextDv.html() == null) {
                    nextDv = $(this).find('div.styDv:first-child');
                }
                $(this).find('div.stDv:visible').fadeOut(400, function () { nextDv.show(); });
            });

            timer = setTimeout(rotate, 4000);
        }

有问题的部分是:

$(this).find('div.stDv:visible').fadeOut(400, function () { nextDv.show(); });

有没有办法在某处插入.fadein(400),以便在显示nextDV时它会淡入？

任何建议表示赞赏

谢谢!

出于某种原因,我知道这是可能的,不使用选择器或类或标识符,我只是无法弄清楚.

我有一些divs嵌套在其他divs中,我想逐渐淡入每一个,从最浅div到最深div.

我最初虽然.each()或.children()但我不能弄明白.我不确定它是怎么写的.

但是,由于某些原因,我有一种强烈的感觉,它可以通过一个简短的简单脚本来完成,任何人都可以帮我解决这个问题吗？

这是一个应该更容易理解的小提琴.http://jsfiddle.net/3z9Bf/

不要让小提琴混淆你.当我意识到自己无法做到这一点时,我并没有尝试.fadeIn第一次div自己开始编写脚本.

我有一个文本数组，我想遍历这些文本并在 jQuery 中调用淡入淡出和淡出函数。

var hellos = ["hi, i'm", "bonjour, je m'appelle", "hallo, ich heiße"]

html 代码如下所示：

<h2><span id="hellos"></span>Ch1maera</h2>

理想情况下，在我网站的首页上，它会读到类似“嗨，我是 ch1maera”的内容，然后循环显示不同的问候语，将它们淡入淡出，同时在屏幕上留下“ch1maera”。如果可能的话，我想将“ch1maera”与 hellos 隔离，以便它保持在同一个位置并且不会根据列表中 hellos 的长度而移动，如果这是有道理的。这将如何完成？

使用JQuery fadeIn(); 我想为它添加一个时间长度.我目前正在使用它:

    var transition = 'slow';
    var target1 = $('.div1');
    target1.delay(1500).fadeIn();

它工作正常,但我想让div开始缓慢显示,所以加载后div应该减慢开始显示.我怎样才能使用下面的内容为它添加时间？我用Google搜索但找不到与此相关的任何内容.也许我应该看别的东西？

是否有任何脚本可用于创建幻灯片,其中图片淡出而另一个替换它.我使用下面的列表列出图像.我看到的脚本目前左右滑动图像,但没有一个淡出.

<ul class="slideshow">
<li><img src="images/image1.gif" /></li>
<li><img src="images/image2.gif" /></li>
<li><img src="images/image3.gif" /></li>
<li><img src="images/image4.gif" /></li>
<li><img src="images/image5.gif" /></li>
<li><img src="images/image6.gif" /></li>
</ul>