草庐IT

动画插件

全部标签

javascript - 使用 CSS 转换/动画/等时,如果用户浏览器不执行 css 动画,回退到 jquery 的最佳方法是什么?

我正在寻找一种使用css动画的方法,但如果用户浏览器不执行css动画-然后回退使用Jquery来制作动画。在Jquery中有一种简单的方法可以做到这一点吗?一个插件就可以了,如果它是一个小插件,但如果可能的话,我真的在寻找某种在jquery中执行此操作的方法。我想使用css动画的唯一原因是因为使用css动画时使用的处理器功率要低得多。 最佳答案 jQueryanimateenhancedplugin使用CSS转换而无需为支持转换的浏览器编写特定代码替代方案不是很令人鼓舞:您可以添加一个特征检测库,例如Modernizr,然后为每种情

javascript - 在 jQuery 插件加载后做一些事情

我正在将jQuery和jQueryUI动态加载到页面中,我需要知道jQueryUI何时成功扩展jQuery.目前我正在使用加载jQueryUI的脚本元素的readystate来触发我的代码的运行,但我认为在那个时候,脚本已加载,但jQueryUI尚未正确初始化。在$.ui被定义之前,轮询是唯一的选择吗?这是我目前正在研究的代码:(load_ui=(callback)->script2=document.createElement("script")script2.type="text/javascript"script2.src="http://ajax.googleapis.com/

javascript - 我可以在构建元素时暂时关闭所有 CSS3 过渡/动画吗?

我为网站创建了一个相当复杂的菜单。菜单来自大量基于CSS3的动画。然而,当我导航到不同的页面时,菜单应该最初建立-没有所有的动画,但在JS方面而不是在服务器端完成。现在我想知道如何暂时完全禁用所有转换/动画,直到菜单构建完成。我考虑过创建一个覆盖动画的子类,但它似乎不起作用,因为它总是使用基类中定义的动画/过渡? 最佳答案 我建议通过在构建菜单后由JavaScript添加的类来应用动画/过渡。有animation-play-state可以暂停动画的属性,但只在Safari5和Chrome4中出现(带有前缀)(与Safari4和Chr

javascript - 调用两次时 jQuery 插件不起作用

我知道这是我编写用于处理多个实例的插件的方式的问题。我很确定至少我的一个变量被插件的每个后续调用覆盖。无论如何,这是插件代码:$.fn.extend({dependsOn:function($claimer){$dependent=$(this);$claimer.change(function(){alert($dependent.attr('id'));var$selected=$('option:selected',this);varpk=$selected.attr('class');$dependent.removeAttr('disabled');$dependent.fi

javascript - 延迟移除 View ,以便可以对其进行动画处理

假设我有一个显示基于属性的View的模板:{{#ifApp.contentsAreVisible}}{{viewToggleContents}}{{/if}}此区域可通过设置App.set("contentsAreVisible",[true/false]);由UI的任意数量的其他部分切换一切正常。但是,我现在想在切换View时设置动画。连接到didInsertElement可以动画显示该区域,但我不能在willDestroyElement中做同样的事情,因为一旦该函数返回,该元素就会被删除,在动画开始之前一个运行的机会。App.ToggleContents=Ember.View.ex

javascript - JQuery 动画向左和缩放

您好,我需要同时对左侧的div进行缩放和动画处理。像这样。$('#div').effect('scale'{percent:200},'animate',{left:200});谢谢。这是我找到的解决方案。$('#div').effect('scale'{percent:200},1000);$('#div').animate({left:100,top:100},1000);$('#div').fadeTo(1100,0)); 最佳答案 $('#div').animate({left:200,height:($(this).hei

javascript - 订阅 redactor.js 插件的回调

我想为redactor.js所见即所得编辑器创建一个插件,但我找不到从我的插件订阅编辑器回调的方法。我需要使用keydownCallback和autosaveCallback。RedactorPlugins.myPlugin={init:function(){//Code}} 最佳答案 我实际上是在定义插件并使用回调来调用它;这允许从回调中调用多个函数/插件,并且感觉就像预期的方法。插件:RedactorPlugins.advanced={your_method:function(){//Addcodehere…}}your_met

javascript - 用于文本区域和自由文本的 Facebook jQuery 自动完成插件

是否有类似于Facebook的jQuery插件,建议/自动完成此标准:适用于textarea或contenteditablediv。我发现许多插件仅支持输入字段(例如http://loopj.com/jquery-tokeninput/)。支持自由文本、标签和非标签文本的组合。这是一个仅在按下回车后才允许使用标签的示例:http://brianreavis.github.io/selectize.js/-这不是自由文本。自由文本的示例是At.js(http://ichord.github.io/At.js)、jquery-textcomplete(http://yuku-t.com/j

javascript - 当元素出现在屏幕上时如何启动动画?

HTML元素如何在出现在屏幕上时立即显示动画?我在堆栈溢出上找到了一个例子tourpage,当您向下滚动到足够远时,信息元素就会滑入页面。这背后的诀窍是什么? 最佳答案 您需要使用JavaScript来检测视口(viewport)的位置并在它可见时将其激活。您可以使用JavaScript来检测和执行过渡,然后使用CSS或JavaScript来制作动画。有许多基于jquery的脚本可用于完成此操作。这是一个例子:DEMO1.创建一个要检查它是否在视口(viewport)中的Html元素。2.在文档末尾加载jQueryjavascrip

javascript - 如何识别在元素上初始化的 Chosen 插件

有没有一种标准的方法可以知道jQuery插件已经在特定的HTML元素上初始化了?如果select元素位于Chosen插件下,我想执行一些操作。 最佳答案 $("#elementId").data("chosen");这将返回分配给元素的选定对象,如果未分配则返回未定义。注意:对于我使用的其他插件或JQuery版本,您可能需要检查以“Obj”为后缀的插件名称:$("#elementId").data("pluginNameObj"); 关于javascript-如何识别在元素上初始化的Ch