标签: jquery-effects

jQuery允许在动画中使用字符串值"slow","normal"和"fast"(例如:) $('#example').fadeOut('slow');.这些值中的每一个代表多少毫秒？

这是我的HTML代码:

<div id="showmenu">Click Here</div>
<div class="menu" style="display: none;">
    <ul>
        <li>Button1</li>
        <li>Button2</li>
        <li>Button3</li>
    </ul>
</div>

我想.menu点击#showmenu从左到右的滑动(有动画).再次单击#showmenu或在站点页面的任何位置,.menu将隐藏(向后滑动).

我使用JQuery 2.0.3

我试过这个,但它没有做我想要的.

$(document).ready(function() {
    $('#showmenu').toggle(
        function() {
            $('.menu').slideDown("fast");
        },
        function() {
            $('.menu').slideUp("fast");
        }
    );
});

我有这个附加方法,我添加了更多的输入框,直到有10个输入框将禁用更多.

i = 0;
$('#add-link').click(function() 
{   
    if(i < 9)
    {
        $('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>');
        i++;
    }
    if(i == 9)
    {
        $('#add-link').html('');    
    }
});

虽然,这很好.但是,我想在追加时实现slideDown,我试过这样做:

$('.insert-links').append('<div class="new-link" name="link[]"><input type="text" /></div>').slideDown("fast");

这根本不起作用.

现在我正在使用这个:

$('#go-to-top').each(function(){
  $(this).click(function(){ 
    $('html').animate({ scrollTop: 0 }, 'slow'); return true; 
  });
});

这在Chrome中不起作用,在Opera中我得到一个小闪烁:浏览器立即滚动到顶部,然后回到底部,然后它开始慢慢地滚动回顶部,就像它应该的那样.

有一个更好的方法吗？

Twitter将弹出屏幕顶部的消息栏,说"密码错误",10秒后,它会向上滑动并消失.Chrome还会使用这种方式显示"您是否要保存密码"消息框.

jQuery是否有插件可以做到这一点？它是否也适用于IE 6？因为通常,相对于视口(使用position: fixed)的显示将无法在IE 6上运行.谢谢.

更新:感谢很好的解决方案 - 即使用户向下滚动页面时,我也特意想让它工作(1),它会显示在窗口屏幕的顶部,(2)可能会选择显示栏取而代之的是在窗口屏幕的底部(作为一个选项)......如果它在IE 6上运行,那么它就更好......现在可怜的程序员......

如何使用$ .animate函数重新创建jQuery的$ .slideDown效果？

我正在使用JQuery,我想要发生的是.

Div使用fadeOut命令淡出.然后使用load命令从URL加载内容.然后,一旦加载了内容,它就会使用fadeIn命令淡入淡出.

我的代码是:

$("#myDiv").fadeOut().load('www.someurl.com').fadeIn()

但这不起作用.它闪烁然后加载然后加载.我认为问题是在负载完成之前发生了衰落.

我该怎么办

谢谢

我有以下脚本运行良好:

$(that).parents(".portlet").fadeOut('slow', function() {
    $(that).parents(".portlet").remove();
});

它只是淡化元素,然后从屏幕上完全删除它.

我希望通过在淡出时向上滑动来稍微改善效果.我该怎么办？

只是为了澄清,我不希望它淡出然后向上滑动,或向上滑动然后淡出,我希望它淡出,并且在它消失的同时,我希望它向上滑动.

我有一个div有一些文本内容(例如:我的名字),div是红色 background colour和一个按钮.

我的需要:

如果我点击了按钮,我需要从改变div的背景红色到蓝色喜欢Progress bar的10秒 .Something一样,

从0秒开始

=

==

===

====

=====

======

=======

========

=========

==========

以10秒结束

我必须从头到尾逐渐改变bgColor达10秒.

所以我使用了JQuery animate()方法.但是我没有运气这样做.

我尝试过的:

  $("button").click(function(){ 
        $('#myDivId').animate({background-color:'blue'},10000);
  });

如果这是不可能的,任何人都可以建议我做一些插件.

希望我们的堆栈用户能帮助我.

尝试h3通过jquery将标题向右滑动到此滑块.此滑块默认具有淡入淡出效果,我正在尝试将slideRight效果赋予h3滑块标题.

HTML:

<div id="headslide">
    <ul>
        <li class="post-content">
            <div class="slidshow-thumbnail">
                <a href="#">
                    <img src="http://3.bp.blogspot.com/-h4-nQvZ5-VE/VQ3HLtSS3ZI/AAAAAAAABIc/iaOda5zoUMw/s350-h260-c/girl_with_winter_hat-wallpaper-1024x768.jpg" height="260" width="350"/>
                </a>
            </div>
            <span class="content-margin">
                <p>Cicero famously orated against his p...</p>
                /* Title */
                <h3><a href="#">Download Premium Blogger Templates</a></h3>
                <span class="info">Info</span>
            </span>
        </li>

        <li class="post-content">
            <div class="slidshow-thumbnail">
                <a href="#">
                    <img src="http://3.bp.blogspot.com/-YfkF1u_VB40/VWr5dYf00gI/AAAAAAAABW8/wv2e-Lu4etw/s390-h340-c-h340-c/11071467_807062866056131_872486685669967339_n.jpg" height="260" width="350"/>
                </a>
            </div>
            <span class="content-margin">
                <p>SEO friendly Flat style Custom Fonts.</p>
                /* Title */
                <h3><a href="#">Modern with a pixel-perfect eye</a></h3>
                <span class="info">Info</span>
            </span>
        </li>
    </ul>
</div>

我试过这个
$(".content-margin").delay(400).show("h3", …