Tag: jquery animate

从CSS“top”到“bottom”的jQuery动画: 我想在页面加载时将div元素从绝对顶部位置设置为绝对底部位置。下面的CSS和jQuery代码的组合无法移动任何东西： CSS #line-three { position:absolute; width:100%; left:0px; top:113px; } jQuery的 $(“#line-three”).animate({ bottom: “100px”, }, 1200); 谢谢您的帮助！编辑：我已经尝试将其更改为此（根据graphicdevine的建议），但仍然没有雪茄： var footerOffsetTop = $(‘#line-three’).offset().bottom; $(‘#line-three’).css({position:’absolute’,top:”,bottom:footerOffsetTop}) $(“#line-three”).delay(100).animate({ bottom: ‘100px’, }, 1200);

停止jQuery动画堆叠: 我有一个hover在网页右上角的选项框。它的不透明度设置为10％，以免妨碍用户。当它们hover在（mouseenter）上时，我使用jQuery将其淡入并滑入内容（并在mouseout上反向）。如果他们反复这样做，虽然动画堆叠起来，你有时可能会留在鼠标静止不动但盒子在你周围溜溜的情况。我怎样才能解决这种情况？这是我目前设置动画的方式 $(“#dropdown”).mouseenter(function() { $(this).fadeTo(‘fast’,1); $(“#options”).slideDown(); }); $(“#dropdown”).mouseleave(function() { $(this).fadeTo(‘fast’,0.1); $(“#options”).slideUp(); }); 注意我只使用jQuery而不是任何其他插件。

jQuery动画回到原来的位置: 我有一个我正在研究的网站，它有一些绝对定位的div，我需要在点击时resize，然后这些将填充div所在的容器。问题是我如何让他们切换到去回到原来的位置（顶部，左侧），每个位置都不同。 $(“.work-item .toggle”).toggle(function() { $(this).parent().animate({ height: ‘430’, width: ‘930’, top: ‘0’, left: ‘0’ }, 750); }, function() { var pos = $(this).parent(); var position = pos.position(); $(this).parent().animate({ height: ‘150’, width: ‘200’, top: position.top, left: position.left }, 750); }); 试过上面但是它的新位置不是原来的。提前致谢。 PVS

如何在动画完成之前禁用滚动？: 我使用此代码滚动到我的页面上的某个元素： $(“html, body”).animate({scrollTop: $(“.myDiv”).offset().top}, 300); 它有效，但有一个问题：当用户向下滚动时脚本向上滚动，有一些抖动，因为有两个滚动命令同时在不同的方向 – 听起来合乎逻辑。我检查了一些具有这种滚动function的其他网站，没有任何好斗。那么防止这种情况的诀窍是什么？

Jquery .each（）包括寻找干净代码的延迟: 简而言之，我正在寻找一个jQuery循环，它将选择每个div与一个类（一行中约10个小div）然后执行一些代码在每个div特别淡出和div中包含的图像然后暂停和继续前进并对下一个div做同样的事情。这个循环同时淡出/包含所有包含的图像…… $(‘.div_class’).each(function() { $(this).children().fadeOut(‘fast’, function() { $(this).fadeIn(‘slow’); }); }); 我查看了jquery函数delay()和setInterval()以及本机JavaScript函数setTimeout() 。我似乎无法让他们完全工作，或者我看到的例子是漫长而复杂的。有了jquery的魔力，似乎我应该能够在上面的循环中添加非常少的代码，以便它能够串联工作。如上所述，我正在寻找一个简洁的例子。

jQuery水平滚动（点击和动画）: 我有一系列div在水平线上浮动到无限远。我有一个固定宽度的div容器，溢出：隐藏。最后，我想按左右两侧的div /按钮滚动项目（使用滚动条）。我无法让.animate（）工作。我希望每次单击都可以移动列表中的项目。它应该类似于亚马逊“购买此物品的顾客”列表，您可以以相同的方式滚动。我很想尝试使用.mousedown并让它在移动时移动（类似于真正的滚动）但是想要先做更简单的方法。这是小提琴和代码： http://jsfiddle.net/stfzy/16/ HTML： CSS： #container{ width:340px; height:50px; } #list-container { overflow:hidden; width: 300px; float:left; } .list{ background:grey; min-width:700px; float:left; } #arrowR{ background:yellow; width:20px; height:50px; float:right; cursor:pointer; } #arrowL{ background:yellow; width:20px; height:50px; float:left; cursor:pointer; } .item{ background:green; width:140px; height:40px; margin:5px; float:left; } jQuery的 $(document).ready(function() { $(‘div#arrowR’).click(function(){ $(‘div.item’).animate({‘left’:’-=300px’}); }); […]

我可以在.jQuery中使用.delay（）和.animate（）吗？: 我有这个代码，它在我正在处理的网站上打开一个篮子预览。如果用户徘徊在它上面它会保持打开状态，但我希望它在触发我的hover的回调之前有两秒钟的延迟。这是为了防止用户不希望鼠标离开篮子区域。以下是我用来为篮子制作动画的代码： $(‘.cart_button, .cart_module’).hover(function(){ $(“.cart_module”).stop().animate({top:’39px’},{duration:500}); }, function(){ $(‘.cart_module’).stop().animate({top: -cartHeight},{duration:500}) }); 这是我试图使用的代码，但没有影响： $(‘.cart_button, .cart_module’).hover(function(){ $(“.cart_module”).delay().animate({top:’39px’},{duration:500}); }, function(){ $(‘.cart_module’).delay().animate({top: -cartHeight},{duration:500}) });

jquery颜色动画间歇性地抛出无效的属性值: 我正在尝试为ASP.Net超链接设置背景动画，以便在更新面板刷新时执行黄色淡入淡出。到目前为止它几乎一直在工作，但偶尔会出现javascript错误“无效的Propery值”。并调试到此行的jquery颜色插件代码… fx.elem.style[attr] = “rgb(” + [ Math.max(Math.min(parseInt((fx.pos * (fx.end[0] – fx.start[0])) + fx.start[0]), 255), 0), Math.max(Math.min(parseInt((fx.pos * (fx.end[1] – fx.start[1])) + fx.start[1]), 255), 0), Math.max(Math.min(parseInt((fx.pos * (fx.end[2] – fx.start[2])) + fx.start[2]), 255), 0) ].join(“,”) + “)”; 以下是目前正在发生的事件顺序…… 首先，窗口加载doc.ready它会在更新面板完成刷新时注册要执行的事件…… Sys.WebForms.PageRequestManager.getInstance().add_endRequest(yellowFade); 其中yellowFade定义为…… function yellowFade() { window.setTimeout(“$(‘#’ + hyperlinkUrlId).animate( { backgroundColor: ‘white’ }, 2000)”, 2000); window.clearTimeout(); […]

jQuery的$（’＃divOne’）。animate（{zIndex：-1000}，2000）不起作用？: 我试过jQuery的 $(‘#divOne’).animate({zIndex: -1000}, 2000) 对于那个z-index为1000的元素，它仍然高于其他元素？（如果我使用firebug将其更改为-1000那么它将低于其他元素）

jQuery，在多个动画之后只调用一次回调: 假设我有几个动画同时运行，我想在完成所有这些动作后调用它。只有一个动画，很容易; 有一个回调。例如： $(“.myclass”).fadeOut(slow,mycallback); 麻烦的是，如果我的选择器找到了几个项目，那么将为每个项目调用回调。解决方法并不太难; 例如： Example $(document).ready(function() { var $mc=$(“.myclass”),l=$mc.length; $mc.fadeOut(“slow”,function(){ if (! –l) $(“#target”).append(“All done.”); }); }); Paragraph Paragraph Paragraph Paragraph Paragraph Paragraph 我的问题是：有更好的方法吗？