jquery-easing | 易学教程

jquery easing problem

阅读更多关于 jquery easing problem

问题 I have what I thought was a simple piece of jquery, but it's turning out to be a pain. The slideUp part of this works fine, but it doesn't then slide down... It does work though if I take out the easing part of the slideUp. Any ideas? $('.clickableDiv').click(function() { $("<div style='background-image:url(../images/properties/images/bk-01.jpg); width:965px; height:398px;'><img src='../images/properties/text/bk.gif' width='965' height='398' /></div>").prependTo("div.myDiv2"); $("div.myDiv1")

jQuery easing not working in my animate() call

阅读更多关于 jQuery easing not working in my animate() call

问题 I have 4 circular buttons located towards the central area on my page. Hovering one of them makes it grow in size, but I want to add some easing/bouncing effect to both the growing and shrinking movements of these buttons. However for some reason the easing part doesn't work. I did add the easing plugin to my page: <script src='js/jquery.easing.1.3.js'></script> Here's the code for the buttons' behaviour: $('.egg_button') .on('mouseenter', function(){ var div = $(this); div.stop(true, true)

jQuery easing not working in my animate() call

阅读更多关于 jQuery easing not working in my animate() call

Help with custom jquery easing function

阅读更多关于 Help with custom jquery easing function

问题 I need a rather atypical jquery easing function. It's basically the opposite of your traditional easeInOut easing because I want the process to go from a fast intro to a slower middle part to a fast outro (you might call it speedInOut). Unfortunately my math is a little rusty and I need someone to point me in the right direction in terms of how to get started. A hyperbolical sinus curve (sinh) goes somewhat in the right direction of what I'm looking for , but I need it limited between 0 and 1

jQuery Easing with slideUp Easing Function

阅读更多关于 jQuery Easing with slideUp Easing Function

问题 I just read this question and answer from StackExchange, but the solution does not work for me. This does not work: $("#top_slide").slideUp(5000, "easeInOutQuart"); But this does work: $("#top_container").animate({height: headerHeight}, 5000, "easeInOutQuart"); And I am using jQuery-1.10.2.js, the most recent one. Any thoughts? // I added the easing plug-ins like this, and it works in the jsfiddle: <script src="js/jquery-1.10.2.js"></script> <script src="js/jquery.easing.1.3.js"></script>

How to debug what appears to be a jQuery/MooTools conflict?

阅读更多关于 How to debug what appears to be a jQuery/MooTools conflict?

问题 I am attempting to implement a jQuery plugin called Textify which I purchased on CodeCanyon. Textify requires jQuery, and I am implementing this plugin in a Joomla 2.5 environment using the Vertex framework from Shape5. After integrating the plugin into the site, I am getting 5 "'undefined' is not a function" errors. The dev site is located at http://sosdivorce.ergonomiq.net As Textify is a commercial product, I don't feel comfortable posting the script online. The specific errors I am

Plugin: Kwicks for Jquery works perfectly with Jquery 1.2.6 but not 1.4.2

阅读更多关于 Plugin: Kwicks for Jquery works perfectly with Jquery 1.2.6 but not 1.4.2

问题 This is about the (mootools-like) kwicks Jquery plugin: http://www.jeremymartin.name/projects.php?project=kwicks I have the same problem as this guy here jquery kwicks issue (kwicks for jquery works fine on test site but not on live site) but in my case I know what the problem is, I only can't find an answer yet, and the Kwicks plugin is no longer under active development. I believe the problem is with the Jquery version. This plugin works great with 1.2.6 but on 1.4.2 it just wont work. I

jQuery UI 'easeoutbounce' needs to be more bouncy

阅读更多关于 jQuery UI 'easeoutbounce' needs to be more bouncy

问题 I've created a div which drops to the bottom of the screen on click. It needs to bounce, so I've used 'easeOutBounce' as the ease effect. It works nicely but the client has requested that it's "more bouncy". I know I can slow the animation down but I don't really want the object to move more slowly, I just want it to bounce more. Less gravity, I suppose. Here's the jQuery: $( document ).click(function() { $( "div" ).animate({ top: 400 }, { duration: 2000, easing: 'easeOutBounce' }); }); And

Smooth out this jQuery toggle animation?

阅读更多关于 Smooth out this jQuery toggle animation?

问题 The animation produced by my jQuery function is shaky, and I've been looking through different SO solutions, such as adding jquery.easing, but no luck. Is the problem the iframes in each div? Any ideas on how to smooth out the animation? Is my basic toggle function the best way? JSFiddle: http://jsfiddle.net/gwLcD/8/ The basic markup is below, and is repeated numerous times on the page (with blocks of text in between each "videotoggle" div): <div class="videotoggle"> <p><h2 class="entry-title

jQuery easing functions without using a plugin

阅读更多关于 jQuery easing functions without using a plugin

I'm looking for an online list of custom easing functions that I can use with jQuery. I'm not interested in using a plugin for this, nor am I using jQuery UI. I found one below that does a nice little bounce but I'm looking for a few others just so I can have some options. In lieu of of other functions, a brief explanation of how this one operates and might be modified would be awesome. Thank-you! Example: $.easing.custom = function (x, t, b, c, d) { var s = 1.70158; if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; } EDIT