草庐IT

动画插件

全部标签

javascript - 有没有自动缩小和缓存 JavaScript 的插件?

我正准备开始一个新项目,我想知道是否有一种方法可以在服务器端自动缩小JavaScript,并在JavaScript缩小一次后提供缓存?我可以简单地编写一个构建脚本来完成此操作,但如果我可以通过自动缩小来“即发即弃”,那就太好了。在这种情况下推荐的路线是什么?我应该在我的JavaScript上线之前以时间为代价缩小它,还是应该寻找可以在服务器端自动为我做的东西?编辑我可能会使用Django,但当然,JavaScript和媒体是与实际的“HTML”/应用程序输出分开提供的。 最佳答案 这完全取决于您使用的服务器端语言。它与Javascr

javascript - jQuery 循环插件(通常)在 Google Chrome 中不起作用

出于某种原因,当我第一次访问我最近构建的页面时,jQueryCycle插件不起作用。本站位于here(网站使用不同的语言[希伯来语])。无论使用何种语言,Cycle插件都可以在Firefox和IE中正常运行。我想知道这是我端的错误还是插件端的错误。如果这是我这边的错误,我该如何修复它? 最佳答案 基于谷歌浏览器无法正确呈现动态生成的div的高度这一事实(正如@ulima69观察到的),解决此问题的方法是提供包装div(.slideshow)与图像的宽度/高度一致的指定宽度和高度。这暂时修复了这个错误。如果图像都是不同的尺寸,则应寻求

javascript - 如何在屏幕上跟随 jQuery 动画 div?

我正在使用jQuery.crSpline沿弯曲路径为图形设置动画。我对结果非常满意。但是,完整的Canvas尺寸有意设计得很宽-肯定比大多数屏幕都大-因此图形会很快用完视口(viewport)空间并在屏幕上显示动画。相反,我希望浏览器视口(viewport)跟随图像或以图像为中心,以便它保持“在镜头中”。我将如何使用jQuery来解决这个问题?scrollTop是一个选项吗?我创建了一个jsFiddledemo,基于crSplinedemosource,但具有较宽的minX设置。注意:我首先尝试使用YUI3和Loktar提供了基于Canvas的solution,但是我不再使用YUI和c

javascript - 如何使不对集合进行操作的 jQuery 插件函数可调用以供独立使用

我读了jquerydocumentationofpluginauthoring并且对此很熟悉。但是,给出的示例总是对一组先前匹配的元素进行操作。我想创建一个可以同时执行这两项操作的函数://exampleusageofmyto-be-createdpluginfunction//thisisthewaydescribedinthedocs,andIknowhowtodothat$("a").myFunction()//butIalsowanttobeabletocallthefunctionwithoutacollection:$.myFunction();如果调用$.myFuncti

javascript - 你如何使用 jQuery 加速动画中间动画?

假设你有一个像这样的特定时间运行的动画:$('span').animate({opacity:1},10000);动画很长,因此用户尝试再次单击按钮。动画已经播放了一定的时间,每次可能都不一样。在第二次点击时是否可以更新动画过程,在用户点击时保持对象的不透明度,只是改变完成所需的时间?基本上我想在动画中途更新动画过程。 最佳答案 您可以使用animate的step选项来跟踪动画的进度。然后根据这些信息,您可以计算动画中剩余的时间。然后停止当前动画并开始一个持续时间减半的新动画。http://jsfiddle.net/MdD45/编辑

javascript - 如何禁用或销毁 jQuery 插件功能?

我有一个使用jQuerygridrotator的画廊影响。我想在单击“启用效果”按钮时启用效果。EnableEffect$("button#build").click(function(){$('#ri-grid').gridrotator();});启用效果很好(参见test)。要禁用效果,此插件没有destroy方法。所以我试图返回到false函数但是不起作用。DisableEffect$("button#destroy").click(function(){$('#ri-grid').gridrotator(function(){returnfalse;});});如何禁用或破坏

javascript - d3 - sunburst - 给定更新数据的过渡 - 尝试动画,而不是捕捉

我正在研究基于MikeBostock的ZoomableSunburst的旭日形可视化。示例。我希望能够使用全新的JSON(具有相同的结构但“大小”值不同)更改基础数据,并让旭日动画转换以反射(reflect)更新后的数据。如果我使用.data()更改路径元素的数据,然后尝试以下列方式更新:path.data(partition.nodes(transformed_json)).transition().duration(750).attrTween("d",arcTween(transformed_json));(..这与点击fn的代码几乎完全相同)functionclick(d){p

javascript - JSHint 和 eclipse 插件

所以我刚刚在EclipseKepler中安装了JSHint我加载了我的.jshintrc文件。如何在我的javascript文件上运行jshint?我没有看到菜单项,也没有看到指定文件名等的地方...有人可以帮忙吗? 最佳答案 将.jshintrc文件添加到项目的根目录后,您需要:在ProjectExplorerView中右键单击您的项目->属性->JSHint->配置->检查启用。同时选择包含您的js文件的文件夹(在路径中使用斜杠)。我将我的js文件分成两个文件夹custom和external并且只检查custom(以及custo

javascript - jQuery live() 和 liveQuery 插件有什么区别?

这个问题说明了一切。哪个更好,什么时候使用什么,我从不使用jQuerylive(),因为我使用liveQuery插件已经有几年了,我已经习惯了它并且仍在继续使用它。但我想知道两者之间的细微差别以及何时使用它们? 最佳答案 jQuery原生的“实时”功能利用了DOM上的事件冒泡。相比之下,“liveQuery”插件使用选择器在DOM中查找元素并直接附加事件处理程序。在我看来,你最好尽可能使用“实时”函数,因为它涉及较少的DOM遍历等。例如,将事件处理程序挂接到整个大表中的事物可以是使用liveQuery有点慢,但使用“live”一点也

javascript - 用于网络浏览器的 Ruby 插件?

如果有人为网络浏览器编写了一个Ruby插件并且用户安装了该插件,那么我是否可以在前端用ruby​​替换javascript?这没有任何插件吗?或者甚至在浏览器端使用javascript以外的其他语言? 最佳答案 你可以使用http://ironruby.net/在Silverlight插件中,但我不知道这种方式的DOM交互有多简单。但是我求求你不要这样做!请使用OpenWebStack来解决您的问题。如果你不离开你舒适的Ruby世界,你不仅会伤害你的用户体验“WTF?为什么我需要这个页面的Silverlight?”而且你还会陷入你的