BSEN307 E-Commerce Website II
CSS DHTML Project #1
Description:
The following examples will use several DHTML actions. Make a copy of
this page and modify it to include the DHTML exercises. For each of the
following instructions write the appropriate HTML tags and Javascript commands
or functions into this page. Place the results of all the instructions on
one page.
Instructions:
- Create a text link that will change the background color to blue.
- Create an image link that will hide the image
- Create an image link that will change the background when a mouseover
occurs
- Create a button that will change the H1 to a different color and a
different font
- Create a set of buttons that will change the font color to the selected
color. Hint, create a form that contains two or three check boxes and
a submit button. The color will be based upon the selected check box.
- Place a small piece of clipart on the screen. Set up a button to
expand the clipart and one to return it to normal size.
- Place a small piece of clipart on the screen. Create a button that
will move the clipart 100px to the left. Make another button that move
the clipart 200px up the page. Make a button that will return the
clipart to its original position.
- Place two pieces of clip art on the page. Use a button to place one
image on top of the other. Use a text effect to move the other image
on top. Make a button to return the images to their original location.
- Place two pieces of clip art on the page. Use a text event to make
one of the images disappear. Use another text event to make the other
image disappear. Use a button to restore both images.
- Create a button that will reset the background, H1, font color, etc. to
original values.
|