jquery-animate

I'm trying to build a menu where only the first item is shown by default, and when you hover over it the rest of the items slide out, and are hidden again when the mouse leaves. It's mostly working but if the mouse exits before it's finished sliding out then the hide function isn't called. I thought stop() was supposed to take care of this but it doesn't seem to have any affect. $(function(){ $("#menubar").children(".breadcrumbs").children("li + li").hide(); $("#menubar .breadcrumbs").hover(function() { $(this).children("li + li").stop().show("slide", {}, 'slow'); }, function() { $(this)

I've recently started learning Animate CC with Actionscript 3. I'm trying to use Animate's "Virtual Camera" feature, giving me a camera that can pan, rotate, and zoom the game. It's easy to implement a Camera when the root has no subclass. For example, you can put a block on screen, and add a camera effect within the timeline itself, and play your movie it. Easy. But when I give the fla a class ("Main") and give that class an external AS3 file, I get an error: Specific image showcasing what I mean about giving FLA a class The code below is "Main.as" package { import flash.display.MovieClip;

I trying animate a horizontal scroll, but get a litle bug in IE and FF, when click to scroll, gets a "flash" looks like a ghost of previous divs. Its hard to explain in words, see the example in http://amplabusca.org/teste2/ementa.php Why does this happen? Change your click-Event to something like $('#next').click(function (event) { event.preventDefault(); // Your code... }); to prevent the "move to anchor" standard behavior. $('#next').click(function(event) { event.preventDefault(); margin +=width; $('html, body').stop().animate({scrollLeft:"+="+500},1000); $("#prev a").css('visibility',

how can I animate the background-position property using jQuery's animate function without using a plugin? I tried switching back to 1.4.4 when backgroundPosition was supported, however it just seems to work on IE and not on FF or Chrome. I've tried looking at the step callback of the animate function, but I can't get nothing to work. I had this same problem. The plugin linked by Samich is the only way to hit both birds with one stone (animate in nearly all browsers with nothing but JQuery/Javascript). Here's an alternative, but it ideally uses a feature-detection script like Modernizr for

I have a page that uses jQuery.animate to scroll the body/html of the document, it works fine in browsers but just won't play ball with iPad. First it is supposed to scroll in the Y direction then X, but on an iPad it scrolls in the Y, then it jumps back to the original position before scrolling in the X direction. After the animations are complete the links that are used to navigate cease to function unless you manually scroll the page, then they will work again! What am I doing wrong here? The page is found here... Thanks in advance, Phil. I figured it out. iOS does not scroll the body, but

I am building a website with hover effects. See http://vitaminjdesign.com/index.html and look at the services section in the bottom right. I am using :hover to change the background color. I want to use jquery to acheive the same result with an elegant fade. Here is my html: <div class="iconrow"> <a href="#"><img src="images/icon1.png" border="0" width="35" /> <h2>Website Design</h2></a> </div> (repeated 6 times with different images and text) Basically, when .iconrow is rolled over, I want the background to change from none to background-color: #cccccc; and when it is rolled off, back to none

What are the best practices for moving elements with javascript? Do you use timeouts or intervals? Is it bad to have timed events for 10 milliseconds, or will it be precise? Do you move pixel by pixel, or a certain fraction of the total distance? If you use intervals, how do you stop the interval when the element is in position? The last two times I've seen motion in javascript have been with jQuery and Raphael.js, neither of which I can understand the source code of. Are there some good tutorials or code examples anywhere? Is there a simple explanation of the methods jQuery uses? Here you can