草庐IT

动画插件

全部标签

javascript - 如何使用 jquery(不使用插件)创建一个简单的 slider ?

varimg=function(){$("#slider").animate({"left":"-=1775px"},10000,function(){$("#slider").animate({"left":"0px"},10000);img();});};img();我在jquery中使用了动画属性,但我希望循环连续显示三个图像。 最佳答案 我曾经创建了一个执行此操作的小js插件,您可以在此处查看代码:$.fn.luckyCarousel=function(options){varcar=this;varsettings=$.e

javascript - 带有CSS动画的Jquery removeClass不起作用

我有以下表格行背景的css规则,tr.unread{background:rgba(237,239,245,0.70)nonerepeatscroll00;-webkit-transition:background1slinear;-moz-transition:background1slinear;-o-transition:background1slinear;transition:background1slinear;}我想从tr中删除带有淡出动画的.unread类(如果可能,不使用Javascript/Jquery)。但它只是删除了没有任何动画的类。Javascript:$('

javascript - meteor :删除帖子,并使用 _uihooks 为其他帖子设置动画

在Meteor中,当我从收藏夹中删除帖子时,我希望该帖子下的帖子向上滑动,取代已删除帖子的位置。我读到我应该使用_uihooks来执行此操作,但我不确定如何实现它。有人可以帮助我吗,可能是来自Meteorpad的简单示例? 最佳答案 您要实现的目标非常简单,您实际上并不需要第3方库来实现。我想这里唯一的问题是_uihooks没有很好的文档记录,所以您几乎只能靠自己来弄清楚它是如何工作的。例子总体思路如下:Template.body.onRendered(function(){varcontainer=this.$('.ui.page

javascript - 如何使用 Gulp 插件通过 del 进行通知?

这应该很容易...我正在尝试创建删除已完成的通知。删除=https://www.npmjs.com/package/del通知=https://www.npmjs.com/package/gulp-notify我有:gulp.task('clean',function(){returndel(['distFolder']);});在重建之前清除distFolder中的所有内容。我想做的是如下所示:gulp.task('clean',function(){returndel(['distFolder']).pipe(notify('Cleantaskfinished'));});上面返回

javascript - 动画等待执行

我正在尝试使用CSS为元素高度设置动画。我这样做的方式是,我向一个元素添加了一个触摸事件。该函数将className添加到应该隐藏的元素,即高度为0。问题是,当元素被点击时,本应获得0高度的div暂停了一秒钟,然后获得了所需的高度。似乎动画持续时间越长,它在动画之前等待的时间就越长。相关代码如下:transition:max-height2sease-in-out;JSFiddlevarheading=document.getElementById('heading'),body=document.getElementById('body');heading.addEventListe

javascript - 使用 jQuery 的淡入/淡出动画效果

要了解我的代码,请访问此页面:请先点击包装过滤器http://codepen.io/mariomez/pen/qNrzAr?editors=0010这是一种简化的动画过滤方法。每个红框可能有多个类别作为过滤器的标识符。我使用这段代码的目标是实现一种漂亮的淡入和淡出动画方式。现在我设法做到这一点只是为了淡入。尽管我编写了淡出动画,但我无法在JS代码中正确使用它。1个过滤器的示例:我希望除“packaging”之外的所有类都能很好地淡出并让packaging类淡入。jQuery代码$(document).ready(function(){$(".filter-logo").click(fu

javascript - Vuejs - 什么时候应该初始化 jquery 插件

我有一些需要初始化的JQuery插件,通常这可以使用$(document).ready(function(){})完成,但是在内部执行时这似乎不起作用一个vue组件created事件。考虑到这一点,我使用了this.$nextTick(function(){})但这似乎不适用于在子组件上引入的元素。例如,我这样做:created:function(){this.$nextTick(function(){window.materialadmin.AppOffcanvas.initialize()})}我有一个在子组件中引入的按钮,但上面代码附加的onclick处理程序不会触发。如果我这样

javascript - jQuery 翻转插件开关功能在开关上失败

我有一段代码,其中有两个按钮,当我按下一个按钮时,我希望一个div在y轴上翻转,当我按下另一个按钮时,我希望同一个div在x轴上翻转.当我使用按钮作为y轴时,即使之前的翻转位于x轴上,这也能正常工作。但是当我想从y轴切换到x轴时,我需要按两次x按钮,因为第一次没有任何反应。所以期望的行为是:单击y按钮在y轴上翻转div。单击x按钮在x轴上翻转div。当前行为是:单击y按钮div在y轴上翻转。点击x按钮没有任何反应再次单击x按钮div在x轴上翻转。我不知道问题出在哪里,这是迄今为止我得到的最好的。感谢所有帮助。varax='x';$(document).ready(function(){

javascript - 如何使用 PATRICK SPRINGSTUBBE jQuery 多选插件进行单选

我正在使用PatrickSpringstubbe多选插件,它工作正常。但现在我想用它来进行单选。我知道我需要将选择设置为多个才能使插件工作。但是有没有办法将选项的数量限制为1。我试过了$("#ProductCategory").change(function(){$(".ms-options").css("visibility","hidden");}当您选择一个选项时,这会产生预期的效果,但您可以重新打开列表。我尝试在$("#ProductCategory").click上使用函数,但这没有用。 最佳答案 正如Kavindra所建

javascript - 如何创建浏览器插件?

我必须创建一个插件,当用户将鼠标悬停在某些术语上时必须显示信息。谁能告诉我怎么做的方向?我对创建插件没有太多想法。我知道我想做的可以通过java脚本完成。但是一个java脚本文件可以安装成浏览器插件吗?对此有任何想法将不胜感激!谢谢! 最佳答案 您要做的是创建一个userscript.这正是您所描述的:一段作为插件安装在浏览器中的javascript代码。支持用户脚本:通过Firefox使用Greasemonkey通过IEwithitsownversionofGreasemonkeyNatively(soon)byGoogleChr