草庐IT

动画插件

全部标签

javascript - Angular 5 交错动画 - 如何进行倒序

在使用AngularCDK和开发自定义组件时,我正在尝试使用ngIf和ngFor实现交错动画。动画是一系列简单的淡入。以下简化的HTML:ToggleChild1Child2Child3和组件:@Component({selector:'my-app',templateUrl:'./app.component.html',styleUrls:['./app.component.css'],animations:[trigger('parentAnimation',[transition('void=>*',[query('.child',style({opacity:0})),quer

javascript - 如何在 Greasemonkey 中嵌入额外的 jQuery 插件

所以我已经能够让Greasemonkey和jQuery1.2.6毫无问题地协同工作,但是,现在我想知道如何将其他jQuery插件嵌入到我的Greasemonkey脚本中,例如EricMartin的SimpleModal插件(http://www.ericmmartin.com/projects/simplemodal/).以下代码加载了jQuery,但我不确定如何正确加载SimpleModal:varGM_JQ=document.createElement('script');GM_JQ.src='http://jqueryjs.googlecode.com/files/jquery-

javascript - JQuery 星级评分插件 - 投票提交后禁用

我正在使用来自的JQuery星级评分插件(v2.61)http://www.fyneworks.com/jquery/star-rating/.一切顺利好吧,但我想在用户投票时禁用星星。目前我的用户选择他们的评级并点击鼠标。这个通过AJAX调用更新我的数据库。星级评分器更改为显示用户的选择,星星显示为红色。然而如果用户将鼠标滚动到星星上,它们仍然处于事件状态,并且他们可以再次投票。我要停止重复投票服务器端,但从可用性的Angular来看,我希望星星在用户点击后被禁用。(我想我可以用JQuery重新加载div或其他东西来显示星星的只读版本,但我希望还有更多优雅而简单的解决方案)。谢谢。

javascript - JQuery 倒计时时钟插件上的前导零

我正在使用JQueryCountdownClockpluginfromhere.不幸的是,我需要在有单个数字的地方有前导0。例如1:1:22应显示为01:01:22。有人可以帮忙吗?谢谢 最佳答案 我使用“布局”模式让它工作。http://keith-wood.name/countdownRef.html我的代码现在看起来像这样......$j('#Countdown').countdown({until:until,layout:''+'{dnn}Days'+'{hnn}Hours'+'{mnn}Minutes'+'{snn}Se

javascript - 带有 InfoBox 插件的 Google Maps API v3 事件鼠标悬停

我正在研究GoogleMapsAPIv3并结合使用InfoBox插件(http://google-maps-utility-library-v3.googlecode.com/套件的一部分)来制作一些样式精美的信息窗口,这些信息窗口可以对标记交互使用react。对于这个特定的实验,我试图在标记悬停时弹出InfoBox窗口,但是我一直在努力解决与InfoBox上的鼠标悬停/鼠标移出有关的事件系统问题window。我可以找到DIV并使用google.maps.event.addDomListener将mouseover和mouseout事件附加到InfoBox,但它太笨拙了——当我将鼠标悬

javascript - jQuery 动画延迟

如何使用jQuery延迟动画?我需要获取一个navigation展开宽度,然后展开高度,然后reversed做反向动画。代码:$(function(){$("#navli").not("#logo,#navliulli").hover(function(){$(this).animate({width:"200px"},{queue:false,duration:1000});},function(){$(this).animate({width:"30px"},{queue:false,duration:1000});});$("#navli.parent").hover(funct

javascript - 需要 js jquery 插件

我是否必须为我尝试在require.js中使用的每个jQuery插件编写包装器?我无法使用订单插件,他们仍然给我错误,他们依赖于jQuery。谢谢 最佳答案 RequireJS2.0有一个shim选项,允许您使用旧的非AMD脚本作为模块-http://requirejs.org/docs/api.html#config-shim 关于javascript-需要jsjquery插件,我们在StackOverflow上找到一个类似的问题: https://stac

javascript - 在 jQuery UI 模态对话框中显示 iframe 的加载动画

用户界面专家,我试图在jquery模式对话框中的iframe中加载一个慢速网站,但我遇到了麻烦。这是我的用例:打开一个jquery对话框,带有一个“正在加载...”gif在后台加载不同的URL加载后,将gif替换为URL我可以用下面的代码直接打开URL:varpopup=$('').prependTo('body');popup.prepend('');$('.dialogIFrame').attr("src",'http://myslowsite');$('.dialogIFrame').show();popup.dialog({modal:true,title:'Site',wid

javascript - 如何为 google maps api 圆制作动画?

我在CSS3中构建了一个脉冲动画我想在googlemapsapi中实现标记不幸的是它不可能直接插入到map中。CSS3动画或是否有任何选项是否可以将googlemapcircle作为动画增加和减少。varmyCity=newgoogle.maps.Circle({center:bigOne,radius:150,strokeColor:"#E16D65",strokeWeight:2,fillColor:"#E16D65",fillOpacity:0});varsmallcircle=newgoogle.maps.Circle({center:smallOne,radius:300,s

javascript - 作为 Vue 插件的一部分将 Mutations 添加到 Vuex store

我正在创建一个小型Vue插件,允许用户从任何组件中添加“页面通知”。我已经成功地实现了类似的东西:this.$notifications.add("一条消息");而且有效!但是我必须注册我的插件所需的突变和操作,作为为我的应用程序设置其余商店的文件的一部分:exportdefaultnewVuex.Store({...})有没有办法从我的插件中向我的商店添加操作和变更?目前看起来像这样:importvuexfrom'./../store';constMyPlugin={install(Vue,options){//4.addaninstancemethodVue.prototype.$