首页 > TAG信息列表 > jquery-animate

javascript-通过JQuery在点击时显示一堆图像-有任何简便的动画方法吗？

这是我正在使用的(非常简单的)JS代码： $(document).ready(function() { $(".button-list .next").click(function() { project = $(this).parents().filter(".projektweb").eq(0); currentimg = project.find(".images-list l

javascript-jQuery animate在所有浏览器中都非常不稳定-div同时移动和渐隐的div

还是这将是最好的？我尝试使用script.aculo.us,但是第一张图片的淡入和动画效果仍然不稳定.我已经在Google Chrome,Safari和iPad 1(iPad 1上非常不稳定)上进行了测试.其他元素淡入淡出,但是第一个图像fadeTo和animate完全不能接受.也许是因为它移动的div被隐藏了吗？ 这是我制作的jsFid

javascript-一个按钮有效,其他按钮无效,相同的脚本

好吧,我有这种情况 <div id="container"> <img src="images/4.png" /> <ul class="menu"> <li id="menu-0"> <p class="menuP" id="button0">

jQuery-停止进行中的动画(fadeOut),并在鼠标快速进入/离开时再次显示

我有一个< div>悬停时会显示一些文本.鼠标离开时,文本淡出.但是,如果鼠标进入< div>在淡出完成之前,该文本不再显示. 我知道hoverintent,但是我不希望使用它,因为它会给mouseEnter / mouseLeave事件带来轻微的延迟. 有没有办法在mouseEnter上只是清除fadeOut并再次显示文本？ 我当前

javascript-在Firefox中切换浏览器标签时,jQuery动画中断

我有一个带有jquery的动画文本效果,该效果在chrome中可以正常工作,即当用户切换选项卡时在Firefox中中断.如果切换选项卡并让动画运行10-15秒,则返回可以看到动画尝试一次运行多行. 我试过使用$(window).blur()和$(window).focus()的条件以及无运气的clearInterval函数. 这是到site

javascript-调用stop时,jquery动画队列promise会发生什么

我想知道当调用.stop()函数时动画队列承诺状态会发生什么. 例如： $('.my-elem') .stop(true, true) .animate({}) .promise() .always(function() { // do something }) 如果.stop()函数在任何时候被调用,那么较早返回的承诺会发生什么？ 现在,我感觉到

javascript-jQuery Transit不起作用

我一直在使用jquery插件Jquery Transit：http://ricostacruz.com/jquery.transit/,但是无论我做什么,代码的行为都不会像我期望的那样(事实上,它根本不起作用) <!DOCTYPE html> <html> <head> <style> div { background-color:yellow; width:100px; border:1px solid blue; pos

javascript-如何使用jquery动画滚动到元素跨浏览器

这段代码： jQuery('body').animate({scrollTop: target.offset().top}, 300); 适用于Firefox,但不适用于Chrome. 这段代码： jQuery('html').animate({scrollTop: target.offset().top}, 300); 适用于Chrome,但不适用于Firefox. 我尚未在IE中进行测试. 跨浏览器的正确方法是什么？如

javascript-动画jQuery不起作用

我的jQuery代码确实有一个小问题 Uncaught TypeError: undefined is not a function <script type="text/javascript"> function AnimateCloud() { $("#cloudAmu").animate({ "left": "+150%" }, 5000,

javascript-twitter的滚动条效果

您是否注意到Twitter主页上的滚动趋势栏. 用jquery正确的方法是什么？我听说jquery比javascript更好.解决方法:很多选择： What’s a good bit of JS or JQuery for horizontally scrolling news ticker

javascript – 检测页面上的任何内容是否正在动画

我知道：动画选择器,但目前正在遇到旧IE的(可能是少数几个)性能问题(如图).我觉得这可能是我测试任何页面动画的方式. 目前我正在循环一个间隔,核心测试是$(‘*’).是(‘：animated’).这个$(​​’*’)是我所担心的…但是因为我不知道在我的插件下动画的div / etc是什么,我不知道怎么

javascript – jQuery offset().top返回错误的值 – 带边距的错误

如果您尝试从父级中的列表元素获取顶部偏移量,并且该父级位于顶部,则会得到错误的值. http://jsbin.com/yuxacuduna/1/edit?html,css,js,console,output 尝试删除.container元素上的margin-top,你会发现它会起作用. 这个问题的解决方案是什么？解决方法:你的问题： 这个问题的解决方案

javascript – jQuery动画序列

我的问题已被问过一百万次,但我找不到满足我需求的答案.我需要的是一个允许我按顺序播放动画的功能. 我正在开发一个包含许多CSS3过渡和jQuery / jQueryUI动画的网站.我将这些动画分解为基本的独立功能,例如： > slideUpSomething(); > fadeOutSomethingElse();> showThisOtherDude()

javascript – 使用jQuery动画addClass / removeClass

我正在使用jQuery和jQuery-ui,并希望动画各种对象的各种属性. 为了解释这里的问题,我把它简化为一个div,当用户将鼠标悬停在它上面时,它会从蓝色变为红色. 我可以在使用animate()时获得我想要的行为,但是当这样做时,我动画的样式必须在动画代码中,因此与我的样式表分开. (见例1) 另

javascript – jQuery animation() – 太快完成解雇

我写了一个小动画脚本,从左到右淡化一组条纹.完成所有动画后,将运行回调函数. 脚本在这里： http://jsfiddle.net/9zkbu/ 它工作正常,但我想对从右到左的动画做同样的事情： http://jsfiddle.net/FTrhX/ 正如您所看到的,在动画结束之前触发了回调函数:( 我唯一改变的是延迟().我在这做

javascript – jquery animate with percenteges

有没有办法可以使用jquery百分比来动画div？ 我试过这些： $('.box1').animate({width:($(".wrapper").width()*.100)},"fast");}) $('.box1').animate({width:'100%'},"fast");}) $('.box1').animate({width:100%;}) 以上工作

javascript – 使用jquery显示和隐藏叠加层

我正在使用JQuery来显示和隐藏我的叠加层,它的效果非常好.现在我还想添加一些动画,因此我继续查看jq文档并获得了一些漂亮的动画,可以直接应用于show和hide函数. 虽然我正在寻找的是点击,但叠加层应该看起来来自我点击的div,并且在关闭叠加层时,它应该通过最小化到用于打开它的div

javascript – jQuery动画不触发回调函数

我有以下jQuery动画功能： $myDiv.animate({ "left": "0%" }, { duration: 1000, easing: 'easeInOutExpo' }, function () { alert('hi'); } ); 动画本身有效. $myDiv根据需要使用easeInOutExpo效果进行滑动.但是,回调函数永远不会被触发.为了测试它,我将回调更

用javascript移动元素

使用javascript移动元素的最佳做法是什么？ 你是否使用超时或间隔？定时事件持续10毫秒是不是很糟糕,还是精确的？你是逐个像素地移动,还是总距离的一定比例？如果使用间隔,当元素处于适当位置时如何停止间隔？ 最后两次我在javascript中看到过javascript和Raphael.js的动作,我都无法理解它的

javascript – 具有相同类的对象上的动画,一次一个

我试图在页面上的所有元素上运行动画悬停效果.我的问题是,当我超越它们中的任何一个时,它会激活它们. $('div.anime').hover( function() { $('.box').animate({'do something cool'}); }); 所有的盒子都有相同的类动漫.所以我只想弄清楚当你将鼠标悬停在一个上时如何只动画,而不

javascript – jQuery中是否有淡入淡出禁用插件？

因此,我们经常遇到无法在Internet上使用的褪色对象,例如具有灰色/褪色外观的文本框,无法单击并键入. 我想对一个CSS对象做同样的事情,后来这个CSS对象不会褪色并且可以使用. 任何帮助,将不胜感激. 谢谢！解决方法: Is there a fade + disable plugin in jQuery? jQuery插件 (funct

javascript – Jquery动画缓动

快速提问：如何在没有任何缓动参数的情况下调用jQuery的animate()？例如没有任何影响. 干杯!解决方法:写 $('#elem').animate({ top: '0px', left: '0px' }, 5000, 'linear'); 摘自jQuery API： The only easing implementations in the jQuery library are the def

javascript – 动画背景颜色,脉冲效果

我已经制作了一个脚本,用于在将鼠标移动到其中的元素后动画我的菜单li元素. 一切都很好,但我想要别的东西.我希望效果不会消失,只要鼠标悬停在元素上就会停留. 使用什么功能？ 脚本到目前为止： jQuery(document).ready(function($){ $(".main-navigation a").mouseover(func

javascript – 将marginLeft设置为元素的-width

我有一个带有长内联文本的元素,并希望制作动画,将此文本从屏幕右侧(窗口右边框后面的全文)移动到屏幕左侧. 我的想法是通过设置元素的margin-left到minus(width)来移动元素： var element = $(this); $("p").animate({ 'marginLeft': - element; }, 4000); <script src="https://a

javascript – jQuery中无尽的背景色动画,怎么样？

我正在处理一个Web表单,我希望(在表单提交后)突出显示那些未正确输入的输入字段. 我想要创建的高亮效果是背景颜色之间无休止的循环动画：#fcc;和#fff;在错误的输入字段中,使用jQuery.当其中一个字段获得焦点时,我希望停止该字段的动画. 我在jQuery和JS方面相当不错,所以如果有人能指