Tag: 动画

jquery ui effect()的cleditor问题?

我正在我的一个网站上使用cleditor,我遇到了一个问题。 当我使用效果动画一些divs cleditor的wysiwyg编辑器停止工作。 编辑器本身显示但我无法输入任何内容。 我可以在编辑器上查看/编辑源代码。 我用来在div之间切换的代码: function emailwizardplace(pold, pnew) { $(“#wizard-” + pold).hide(); $(“#wizard-” + pnew).effect(‘slide’); //$(“#wizard-” + pnew).show(); <= This works without problems } 致电主持人的代码: $(“#tmessage”).cleditor({ width: 680, height: 400 }); 一如往常任何帮助表示赞赏。

使用jQuery 1.7.2的水平幻灯片动画。?

任何人都可以建议使用jQuery 1.7.2库实现水平幻灯片动画,而不使用jQueryUI库。 到目前为止,通过这个设置,我已经成功实现了垂直幻灯片 $(‘#selectorId’).fadeIn(1000); 并且淡化使用: $(‘#selectorId’).slideToggle(‘slow’); 另外请不要我已经排除了使用CSS进行转换,因为据我所知,你不能以这种方式做回调函数。

jQuery fadeOut同时动画结束

我有以下代码动画背景图像。 在动画结束时,它会淡出。 但是,我想要实现的是在动画完成之前将元素淡出。 因此,如果动画需要6秒,并且淡出需要2秒,则淡入淡出将从4秒开始,以便动画结束,淡出结束同时发生。 任何帮助将非常感激。 first_slide.animate({‘background-size’:’100%’}, 6000, ‘linear’).fadeOut(2000);

jQuery绑定unbind动画

我制作了这段代码,我试图为一块文本/ div前后动画制作动画,但为什么这只是第一次为“placeRight”函数工作? right : “+=750″有什么问题right : “+=750″属性? $(document).ready( function ( ) { $(“#text”).click(placeRight); }); var placeRight = function() { $(“#text”).animate( { right : “+=750” }, 1300); $(“#text”).unbind(“click”); $(“#text”).click(placeLeft); } var placeLeft = function() { $(“#text”).animate( { left : “+=750” }, 1300); $(“#text”).unbind(“click”); $(“#text”).click(placeRight); }

睡眠/恢复后,jquery animate在ipad上不起作用

我在使用ios 8.1的ipad上看到了一个奇怪的行为。 我有一个html / js应用程序,我使用jquery动画进行转换。 我使用div位置的动画以及淡入/淡出效果。 这是一个简单例子的一部分: $in = $(‘#newdiv’); $in.css({position: ‘absolute’, left: “1024px”, top: “0px”}); $in.removeClass(‘hidden’); $in.animate({left: tx, top: ty}, 400); 这完美无缺 – 达到一定程度。 如果,当应用程序打开时,我按下“电源”按钮让ipad进入睡眠状态,然后再将其唤醒(电源按钮,滑动,输入解锁代码),动画不再起作用。 我将ipad连接到我的mac并在调试器中逐步执行代码 – 每一行都正确执行,但动画根本没有动画 – 根本没有。 fadeIn / fadeOut动画也是如此。 这是一个非常简单的jsfiddle,展示了这个问题。 请注意,在将ipad更新为ios 8.1之前,旧版本的ios上没有发生这种情况。 我错过了什么? 更新:从主屏幕图标运行时,这似乎只会影响应用程序 – 在Safari中运行时,一切都按预期工作。

gif动画只播放一次onclick和mousedown

我有两个图像:静态和动画。 我试图播放动画图像但只播放一次。 之后,它将变为静态的。 我的代码: $(document).ready(function () { $(‘#targetDIV_three’).bind(‘click mousedown’, function () { srcToGif2 = “http://sofzh.miximages.com/javascript/s3.gif”; $(“#divthree_three”).attr(‘src’, srcToGif2); }); }); 小提琴: http : //jsfiddle.net/squidraj/33Sqd/ 目前,它不会在第一个动画后停止。 单动画循环gif的最新小提琴。 http://jsfiddle.net/squidraj/4rC8D/1/ 现在看不到img src正在改变的动画。

如何使用jQuery在页面加载期间显示动画图像

我有一个ASP.NET页面,由于加载了多个用户控件,需要很长时间才能加载。 有没有办法在页面加载时使用jQuery显示加载动画? 谢谢。

GIF没有动画页面加载

我正在尝试创建一个启动页面(我知道,我试图说服他),它显示徽标动画(.gif)和一个进入网站的按钮。 到目前为止,我有一个包含图像的div ,但是,图像并不像人们期望的那样动画。 令人惊讶的是,每次在Internet Explorer中都会对图像进行动画处理。 我该如何解决这个问题? 我尝试用jQuery在页面加载后注入图像无济于事。 $(document).ready(function() { $(“#splash”).append(“”); })

是否可以删除mmenu中的幻灯片动画?

我找不到设置来删除mmenu引入的开放幻灯片动画。 我设法通过将转换持续时间设置为零来立即关闭它。 $(“nav#menu”).mmenu({ searchfield: false, slidingSubmenus: false, header: { add : true, update : true, title : ‘application’ }, }, { transitionDuration: 0, });

试图同时更改图像的位置和大小

我正在使用网球表情符号来提交按钮,我想在用户点击它时将其设置为屏幕上的动画。 表情符号http://sofzh.miximages.com/jquery/160x160xtennis-racquet-and-ball.png.pagespeed.ic.aacvJSaqx9.jpg 我想它可能会向上移动屏幕并缩小一点,然后从屏幕顶部继续。 我想现实主义它应该在它离开屏幕之前反弹一点,但这可能是一个不必要的复杂问题。 这是我到目前为止所获得的jsfiddle : (function() { $(document).on(‘click’,’#save’,clicked) function clicked(myEvent) { myEvent.preventDefault() var local = {} local.width = [“50px”, “swing” ] local.height = [ “50px”, “swing” ] local.top = “-64px” $(this).animate(local,”slow”) } })() 问题是它不会在屏幕缩小时向上移动。 我希望看起来你正在为一个王牌服务网球。