Using jQuery, create a web page that contains a form and below the form a <div> containing a small image and text of your choice. In the form, create an Effect field that contains the following radio buttons: Show, Hide, Toggle, Fade In, Fade Out, Fade To, Slide Down, Slide Up, Slide Toggle. Add an Apply button to the form that when clicked, performs the selected jQuery animation on the <div> tag. E.g. If Show is selected, the <div> is shown or if Hide is selected, the <div> is hidden.
-
create form tag with 9 radio button
- Show, Hide, Toggle, Fade In, Fade Out, Fade To, Slide Down, Slide Up, Slide Toggle. are button value
- adjust above jquery actions with onclick event hander to div tag
-
below form tag create div tag with image with text
-
add text to discribe animation function
-
set original file opacity 1000 on reset button or add third parameter to come back original version