标签: jquery-effects

我目前正在使用jQuery.Cycle循环遍历一些子<div>标签.但是,我想要默认循环fx fade,当我单击next或prev选择器时,我希望循环fx暂时更改为scrollRight或scrollLeft取决于单击的选择器.

这可能吗？

jQuery代码,如有必要:

$('#banner_content').cycle({
    fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    timeout: 6500,
    speed: 2000,
    next: $("#right_arrow a"),
    prev: $("#left_arrow a"),
});

我是一个大风扇的jQuery插件周期尚未它会很酷,如果它有类似的一些更复杂的过渡效果NIVO滑块或jqFancyTransistions.

我明白了如何创建与jQuery周期自定义效果的JIST,但我有一个困难时期试图找出如何创建一个类似于NIVO滑块和jqfancytransitions或者如果可能的话在jQuery的周期条过渡效果.任何有关这方面的帮助将不胜感激.谢谢!

我正试图在jquery ui show效果上应用缓动.理想情况下,api看起来像这样:

$(this).show('scale', {
  duration: 1000,
  easing: 'easeOutBounce', 
});

目前元素显示为:none.我需要用缩放效果来显示它并且有一个缓和.

我是否必须将命令分开,或者是否有类似的东西可以使用？

谢谢.

当我显示对话框时，对话框的高度为100，宽度为100，例如

$("#dialog").dialog({
    autoOpen: true,
    height: 100,
    width: 100,
    modal: false,
    draggable: false,
    resizable: false,
});

并在后台加载数据，以及由于jquery ajax具有成功选项而完全加载数据时，从那里我们可以确定数据已加载，然后将这些数据显示在对话框中。假设我要显示到对话框中的数据需要更多空间，例如高度应为300，宽度应为300。所以当我将大数据放到对话框中时，对话框是否会自动调整大小？

如果没有，那么我怎么能以编程的方式增加对话框的高度和宽度，一些效果，例如逐渐增加高度和宽度，以及数据将以淡入效果出现在对话框中....如何实现。需要一些代码的帮助。谢谢

我一直在谷歌搜索像这里的div的效果.
这里使用< canvas >
" radialwipe clock effect " 绘制图像
如何实现这一点.
我找到了这个 javascript库.但它仅为图像提供此效果.
我对div需要同样的效果.
有什么方法可以做到这一点.
提前致谢.

我从jQuery 1.10.2中得到了一个错误,最后一个,我知道是否有人有这个问题的任何(其他)解决方案.

我的脚本从一个模型(项目模型)创建多个DIV块(命名项),在最后一个之后添加当前值并以"盲"效果显示它.

这是代码,但您也可以通过此链接在线测试.

<div id="item_model" style="display: none;" class="item">MODEL</div>
<button class="addBtn">Add 5 items</button>

<script>
$(".addBtn").click(function() {
    for( var i=0; i<5; i++ ) {
        // Clone model
        var p = $("#item_model").clone(true, true);

        // Modify item
        p.removeAttr("id");
        p.text("ITEM n°"+(i+1));

        // Add item to the DOM
        $(".item").last().after(p);

        // Show item
        $(p).show("blind");
        //$(p).show();
    }
});
</script>

问题与:last和insertAfter()相同.

逻辑:

• 第一个项目显示良好并且其效果发生(或不是,另一个错误？但时间流逝)
• 在效果动画期间,元素被外包替换.
• 接下来的项是从DOM中插入的(事件,如果after()应该将其插入DOM中),因此页面中没有.

这种行为是jQuery的错误,但我必须克服这个问题.

我知道的解决方案:

• 不要使用任何效果.
• 使用容器并追加().
• 使用慢效而不是盲目.(感谢A. Wolff)
• 将元素添加到DOM和AFTER,显示全部.(感谢A. Wolff)

感谢您的贡献.

嗨有没有人可以告诉我使用jquery使用一些延迟/动画速度重现这个css3效果？

.element:hover{
-moz-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
z-index:9999;

}

的jsfiddle

我试图模仿通常在你有一个面板的移动设备上找到的效果,当你点击它旋转的按钮时,在另一边它有一些其他信息.

我找到了一些使用css转换的代码,这是一个例子

js

$('#signup').on('click', function(e) {
    e.preventDefault();
    document.getElementById( 'side-2' ).className = 'flip flip-side-1';
    document.getElementById( 'side-1' ).className = 'flip flip-side-2';

});

$('#create').on('click', function(e) {
    e.preventDefault();
    document.getElementById( 'side-2' ).className = 'flip';
    document.getElementById( 'side-1' ).className = 'flip';

});

这个例子的问题是,如果我将javascript转换为jquery,它会停止工作:

从:

 document.getElementById( 'side-2' ).className = 'flip flip-side-1';

至

$( '#side-2' ).addClass('flip flip-side-1');

此外,我不确定是否还没有一个jquery插件以更好的方式执行此操作.

有任何想法吗？

一些更多的代码.HTML

<div id="side-1" class="flip">
    <a id="signup" href="#">sign up</a>
</div>
<div id="side-2" class="flip">
    <a id="create" href="#">create</a>
</div>

CSS

.flip {
    backface-visibility:             hidden;
        -moz-backface-visibility:    hidden;
        -ms-backface-visibility:     hidden;
        -o-backface-visibility:      hidden;
        -webkit-backface-visibility: hidden; …

我想最小化一个盒子,就像Mac上的精灵效果中的popup popin一样,我发现jQuery Transfer 效果很接近,但还不够,它只绘制一个轮廓并且实际上并没有涂抹物体,有没有办法模仿精灵最小化Mac的影响？

谢谢.

因为我需要fadeIn()另一个相同大小的元素,有没有办法fadeOut()元素,以便保留空间,以便其他元素不会重新流动一瞬间,然后fadeIn()会带回另一个相同大小的元素吗？