Lab 14: JQuery Stop()

      After we do a certain lab in class, we would always have a follow up lab that adds to the previous lab. And this is one of those labs for Lab 13: JQuery Animation. This time, instead of creating animations, we are stopping these animations, using the JQuery Stop() Method. This JQuery is so easy to use...that's what I thought when I didn't struggle at first. All we have to do is to copy and paste the previous lab into a separate document, and name it lab 14, then add the stop method to it. We need to demonstrate the normal stop, which stops only the current animation that is playing, another that freezes the animation at the point that it is in, and one the stops the animation that goes to the end of the animation. 

      The first one was easy, just one function with the stop method added to the box. But I've noticed that it's hardly noticeble because I have so many short animations put into one, stoping one of the short animations doesn't making much of a different, so I moved on to the other two stop methods. I was so stupid that I was literally putting the words "stopAll" and "goToEnd" into the stop() method because I not only forgot that they are suppose to be Boolean values, I didn't read the webpage on w3schools carefully. I was wondering what was wrong. But I realized how stupid I was when I saw a classmate's lab... I really don't know what else to say. There isn't much to say about this project. I basically just added three buttons with 3 extra stop functions to the previous webpage.