Questions tagged [jquery-animate]

Refers to jQuery's animate() method. For generic graphical animations, see the animation tag.

Refers to 's animate() method. For generic graphical animations, see the tag.

API Documentation.

Example usage:

$('p').animate({
    width: 200,
    height: 300
}, 1000, function() {
    alert('Animation complete!')
});

This particular animation modifies the width and height of all matching <p> elements over a period of 1000 milliseconds (1 second). Once the animation is complete, it fires an alert to inform the user.

Related tags

6162 questions
1
vote
1 answer

Jquery layered animation slide out from under

This Jquery animation works except that the hidden element being revealed is automatically shown on top of the other visible element when it should just slide out from under that element. --- |--------- | | | | | | …
user823527
  • 3,644
  • 17
  • 66
  • 110
1
vote
3 answers

IE9 jquery animation problem,

I have an animation that slides in an image when the user clicks "chat" on the right hand side of the page, however when sliding in and out, the elemenet leaves a dotted trail in IE9, and I cannot work out why, I have outline:0; on my a element.…
Udders
  • 6,914
  • 24
  • 102
  • 194
1
vote
1 answer

Multi-directional and Multiple image, parallax scrolling

I'm creating a website which is set-out on a "table top" design, in other words a single page with div pages spread-out throughout the page. I am using scrollTo for the navigation, and during the animation of the navigation I want images above the…
user831496
  • 35
  • 2
  • 5
1
vote
2 answers

Javascript how do I use a while loop on this animation?

I've been working with javascript for a few days now but I'm currently stuck on while looping/using switches this animation. essentially the program will "level up" into a new colored image after moving 3 times, and start from the beginning. I have…
Ouiji
  • 11
  • 1
1
vote
2 answers

Mapbox javascript : to animate marker on a polyline (points)

I need to add a marker that moves on the points (polyline), I tried with https://docs.mapbox.com/mapbox-gl-js/example/animate-point-along-route but it's for a line, I have many points.. I don't know how to do..I tried this Animate an icon by using…
Emma
  • 47
  • 2
  • 9
1
vote
2 answers

Jquery animate doesn't work with transform property

So when i try to use Jquery animate function it does't work at all. I tried every-single thing and still doesn't work. Here is the HTML:
user14293451
1
vote
1 answer

.animate frameset in jquery

I'm trying to change frameset cols by jquery .animate . But it's not working as an animate, it changes the cols immediately. Is there anyway to animate frameset cols property? here is my code, function hideit() { var myframeset =…
Okan Kocyigit
  • 13,203
  • 18
  • 70
  • 129
1
vote
0 answers

How do I animate my stickman's legs and make it look like he's walking on the same place

I am new to canvas and I want my stickman to move his legs as if he is walking. My knowledge is very limited. I've received this code as a template to use, the only task I had to do was add a sword to him. As a challenge, I want him to walk. I have…
Jeboris
  • 49
  • 5
1
vote
0 answers

Stacked cards using jQuery - sequencing animations?

I'm trying to animate a stack of cards. I borrowed some code off of the web that was a three-card stack and everything worked fine, but I'd like to add more cards to the stack. The jQuery is using 'first' 'next' and 'last' which I think is limiting…
1
vote
2 answers

jQuery Animate Method's Duration Property not working

I'm trying to apply a smooth scroll animation on my webpage when the navbar links are clicked. But the animate method isn't working and the links won't go to the next section when clicked thus leaving me stuck at the top most section when clicking…
ColstonBod-oy
  • 63
  • 1
  • 6
1
vote
1 answer

AOS animation not working when section comes on screen

I am using the fullview.js plugin and AOS for animation. I have to animate the text when my screens come on the viewport. I tried the below code, Animation is working only on the first section but when I scroll the animation not working with the…
Naren Verma
  • 2,205
  • 5
  • 38
  • 95
1
vote
0 answers

Moving html list from bottom to top

so I have this html code. I'm trying to do moving list, I'm new to animations and I can't find any tips how to do it. I would like to start from that: we have all 6 list items visible inside div, and they change positions, first item1 wil be at…
r2d23
  • 43
  • 1
  • 4
1
vote
1 answer

slideToggle and animate at the same time (jQuery)

I'd like to use .animate and slideToggle at the same time because if I do it like this, it doesn't run at the same time: $(element).slideToggle(5000); $(element).animate({ paddingTop: '50px' }, 5000); I've already tried this. But the animation…
Dan
  • 29
  • 5
1
vote
1 answer

Automatically animate a slider with a button

I have a slider (that I found on stackoverflow) that changes automatically images: 0
TechEdd_YT
  • 95
  • 5
1
vote
0 answers

Pressmove in javascript , is there a way to detect the elements the mouse or finger touch moving across?

I'm making a game in animate and i need to detect when mousepress which objects i'm moving on and which is out pressmove event gives me only the target name of the first object i pressed is there such a way to detect every element or a way to detect…
1 2 3
99
100