草庐IT

动画插件

全部标签

javascript - jQuery:动画宽度/高度,但保持居中

我在页面上有一个元素,我已经水平和垂直居中(这是一个jQueryUI模态对话框),我想像这样使用.animate()调整它的大小:HiStackOverflow!$('#element').animate({height:"200px"});这很好用,除了元素只向下生长。我想要做的是让元素在两个方向上垂直增长(在本例中每个方向50px)所以它保持居中。有什么办法可以做到吗? 最佳答案 LiveDemovargrowEl=$("#grow"),curHeight=$("#grow").height(),curTop=growEl.of

javascript - Css3 Webkit css 动画 : resize a div rectangle

我试图了解是否可以使用webkit动画在Jquery中复制方法animate假设我有一个50pxx50px的div使用jquery,我可以轻松地调整大小并使用以下方式设置动画:$('#mybox').animate({'width':'100px','height':'70px'},300)//sofrom50x50itanimatesto100x70//thevalues100and70shouldbadynamically//inputsoicancreateafunction(Width,Height)toaltermybox我想知道如何做同样的事情,如果可能的话使用CSSWeb

javascript - 在 Backbone 和 Requirejs 中使用 jQuery 插件

我正在使用backbone+requirejs+jquery,我在当前的html页面(确切地说是backbonehtml模板)中加载jquery插件时遇到问题。有我需要的配置:require.config({paths:{//...somecodeaboutbackboneconfigjquery:'/js/lib/jquery/jquery.min','jquery.camera':'/js/jquery/jquery.camera'},shim:{//...somecodeaboutbackboneconfig'jquery.camera':['jquery']}});在我的布局h

javascript - 在页面中多次使用时,JQuery 插件不起作用

我正在尝试编写一个名为grid2carousel的JQuery插件,它在桌面设备上采用Bootstrap样式网格中的一些内容,并在较小的屏幕上变成轮播。如果它是页面上的唯一实例,则该插件工作正常,但如果有多个实例,则会遇到一些问题。我在这里创建了一个Codepen来演示这个问题:http://codepen.io/decodedcreative/pen/BzdBpb尝试注释掉codepen的HTML部分中的一个组件,调整浏览器大小直到它变成轮播,然后在取消注释的情况下再次重复此过程每当浏览器宽度低于HTML数据属性中指定的断点时,该插件就会运行一个名为SetupPlugin的内部函数。

javascript - 如何通过 jQuery 插件拖放链接/页面?

您好,我正在做一个关于创建jQueryUI的self项目,以允许用户将链接/网页(特别是维基百科的文章)拖放到某种“管理器”(如Solitaire中的堆栈)。我希望添加各种功能,例如当用户将Wikipage拖放到UI时,例如分组项目/卡片视觉效果。我不确定从哪里开始,因为我对jQuery还比较陌生。是否可以从Wikipedia拖动页面并将其放入jQueryUI中?如果有人有任何建议,那就太棒了,因为我真的在想办法把这个东西从地面上踢下来。编辑:有人吗?我还没有找到任何东西。 最佳答案 编辑2:我用纯JS形式重写了它(也修复了一些问题

javascript - JQuery 是如何做动画的?

JQuery是用Javascript编写的。作为对两者都有所了解的人,我不得不想知道他们是如何写出其中的一些内容的。如何在纯Javascript中为HTML元素制作动画?是否只是重复更新要动画化的CSS属性,使用标准DOM操作,使用回调使其异步?还是更复杂的东西? 最佳答案 jQuery动画只是在循环计时器上更新CSS属性(这使其异步)。他们还实现了一个补间算法来跟踪动画是提前还是落后于计划,并且他们在每一步调整动画中的步长以根据需要catch或放慢速度。这允许动画在指定的时间内完成,而不管主机的速度有多快。缺点是慢速或繁忙的计算机

Javascript 在加载时删除 ckeditor 插件

HTML:@Model.ContentJavascript:config.removePlugins='elementspath,save,font';当页面加载时,我想禁用所有ckeditor插件。我尝试了上面的代码,但它对我不起作用。如何在加载页面时通过javascript删除插件?任何帮助表示赞赏。谢谢。 最佳答案 您可以定义要加载的插件列表(CKEDITOR.config#plugins):config.plugins='wysiwygarea,toolbar,basicstyles,...';但您也可以限制现有(默认)插件

javascript - 使 JQuery LightBox 插件与多个画廊一起工作

我正在尝试制作这个jquery插件=>http://leandrovieira.com/projects/jquery/lightbox/在同一页面上处理多个画廊。问题是,每次我单击某个图库中的图片时,我都会在同一页面上获取所有图库中的所有图片。假设我有2个画廊,每个画廊有6张照片。如果我单击图库1中的图片,我也会看到图库2中的图片。我试过类似的方法让它工作但没有成功:$(function(){$('div.gallery-6').each(function(){$(this).find('a.lightbox').lightBox();});});不幸的是,它不起作用!!!解决方法是

javascript - Angular 动画作为单独的文件而不是内联的

我一直在摆弄Angularanimations并且想知道是否有最好/推荐的方法来避免内联样式......例如,@Component({selector:'page-that-needs-anime',templateUrl:'./anime.component.html',styleUrls:['./anime.component.scss'],animations:[trigger('animeTrigger',[state('in',style({transform:'translateY(0)'})),transition('void=>*',[animate(700,keyfr

javascript - 使用 javascript 滚动日志文件 (tail -f) 动画

我想在网站上创建一个动画来模仿滚动的日志文件或tail-f。我会向它提供一个虚假日志消息列表,它们将被写入div的底部,并在显示新消息时向上滚动并离开顶部,然后循环。它需要看起来真实,黑底白字,使用固定宽度的字体等。有谁知道任何可以帮助我解决这个问题的javascript或jQuery库?我是JavaScript的初学者,因此非常感谢任何有关如何处理此问题的建议。 最佳答案 我已经为你做了一个简单的例子http://jsfiddle.net/manuel/zejCD/1///somedemodatafor(vari=0;i").te