Tag: 缓和

滚动时缓动旋转动画: 我有一个元素，我使用jquery / css3来滚动旋转。麻烦的是滚动时有点跳跃，当你停下来时会立即停止。我希望它更像是一个平滑的旋转，当你开始滚动时开始，然后在你停止滚动后缓慢停止，而不是每次滚动轮移动时旋转一组度数。我的代码和链接如下： http://pollenbrands.com/rjj/ （向下滚动至100％水果） var angle = 1; jQuery(window).scroll(function() { jQuery(“.rotate”).css(‘-moz-transform’, ‘rotate(‘+angle+’deg)’).css(‘-webkit-transform’, ‘rotate(‘+angle+’deg)’).css(‘-o-transform’, ‘rotate(‘+angle+’deg)’).css(‘-ms-transform’, ‘rotate(‘+angle+’deg)’); angle+=6; if(angle==360) { angle=0; } });

jquery缓动打破wordpress上的jquery: 当我将jquery easing 1.3插件添加到我的页面时，我得到一个错误，我还没有使用自定义缓动，但只是加载它停止动画元素工作。我不是一个jquery专家，所以我真的不知道如何调试它，但我相当确定存在冲突，inheritance人错误： Uncaught TypeError: Property ‘undefined’ of object # is not a function 滚动动画元素时会触发错误，继续操作的页面： http://www.pegbarandgrill.com/blog/ 如果您翻转链接和目录，您应该看到一个动画菜单打开，但这是您将收到错误。我使用以下行来获取jquery和easing 此外，如果我删除wp_head（）和wp_footer（）函数，冲突就会消失。知道问题可能是什么吗？非常感谢

如何为这个社交图标获得相同的jqueryhover效果？: 如何获得与Epione博客模板中相同的jQueryhover效果（缓动）？我已经尝试了很多方法将它放到我的博客中，但我认为我是jQuery动画代码中的noob。如果你能帮助我，我将非常感激。 HTML代码 CSS代码 #get_social{float:left; position:relative; margin:0px;} .get_social_wrap{ position:relative; width:160px; margin-top:15px;} .follow_fb_link{width:22px; height:22px; background:url(http://sofzh.miximages.com/jquery/ep_fb.png) no-repeat; float:left; margin-right:7px;} .follow_twitter_link{width:22px; height:22px; background:url(http://sofzh.miximages.com/jquery/ep_twitter.png) no-repeat; margin-right:7px; float:left;} .follow_rss_link{width:22px; height:22px; background:url(http://sofzh.miximages.com/jquery/ep_feed.png) no-repeat; margin-right:7px; float:left;} jQuery Easing插件

轻松不使用toggleClass（）或addClass（）: 我有一个function来显示和隐藏页面上的实用工具栏。我想给它制作动画。这不是动画。类“flag”为空。 “min”类只是更改背景图像以及实用工具栏的高度和绝对位置。我究竟做错了什么？ $(document).ready(function() { var ubar = $(“#ccUtilityBarWrapper,#ccUtilityBarWrapperInner,#clickBar”); ubar.delay(10000).queue(function(nxt) { if ($(this).hasClass(“flag”)) { } else { $(this).addClass(“min”,1500,”easeInOutQuad”); nxt(); } }); $(“#clickBar”).click(function(e){ ubar.addClass(“flag”); ubar.toggleClass(“min”,1500,”easeInOutQuad”); }); }); #ccUtilityBarWrapper { position: fixed; z-index: 3; bottom: 0; left: 0; width: 100%; height: 48px; background: #1775b5; -webkit-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 0px 3px […]

使用缓动水平滑动div: 我正在寻找一个隐藏/显示div鼠标进入div显示但是从左到右滑动缓动。此外，我需要页面专注于刚刚滑出/显示的新div。这是我的剧本。关于我需要添加什么的想法？ $(“#box0”).mouseenter(function () { $(“#lSection2”).show(‘slide’).delay(5000); $(“#boxContent0”).slideDown(3000); $(“#boxContent0”).focus(); }); $(‘#boxContent0’).mouseleave(function() { $(“#boxContent0”).fadeOut(1000); $(“#lSection2”).fadeOut(1000); }); mouse over or click to view details Win Big – Ipad – Holiday – 1 Year Spa Treatments

jQuery.easing – easeOutCubic – 强调轻松: 我正在使用Robert的jQuery easing插件（ http://gsgd.co.uk/sandbox/jquery/easing/ ），我需要强调或拖出缓动效果。基本上，我希望缓和效果非常快，但在缓出期间会大大减慢。我相信我可以使用jQuery.easing.easeOutCubic( null, current_time, start_value, end_value, total_time)来做到这jQuery.easing.easeOutCubic( null, current_time, start_value, end_value, total_time)但我无法弄清楚如何正确使用它。怎么能实现这一目标？