Skip to main content

PRACTICAL 6_1

PRACTICAL 1

Implement following tasks using jQuery: 
 Sliding page elements 
 Hiding and Showing elements 
 Fading elements 
 Toggling elements 
 Stopping effects  

THEORY
Basics elements and effects are used in this web page using jquery.
IMPORTANT TAGS & ATTRIBUTES:
  • Sliding page elements: With jQuery you can create a sliding effect on elements.
  • slideup():It is used to slide up the elements.
  • slidedown():It is used to slide down the elements.
  • slideToggle():The jQuery slideToggle() method toggles between the slidedown()and slideup()methods.
  • Hiding and Showing elements: With jQuery, you can hide and show HTML elements with the hide() and show()methods:
  • Fading elements :With jQuery you can fade an element in and out of visibility.jQuery has the following fade methods:fadeIn(),fadeOut(),fadeTo(),fadeToggle().
  • Stopping effects : The jQuery stop() method is used to stop animations or effects before it is finished.
SCREENSHOT WEB PAGE:








NAME:AYUSH SINGLA
ID:18CE122

Comments