Thursday, October 8, 2009

Dreamweaver 4 compendious tutorial (8, add interactive effect for the webpage)

8, add interactive effect for the webpage

  Make simple interactive result


Often see such effect on the webpage, move to go up to a piece of picture when the mouse when, original picture is another piece of picture with respect to switch, after the mouse removeds, restore original about again, be how do? Leaving piece when, mention Dreamweaver to compare Frontpage champion among them a place is Dreamweaver can make the webpage that can have interactive sex. Now, we use Dreamweaver to make this the simplest interactive result -- commutation picture.


Prepare the picture with two pieces of same size, one piece is the mouse has not moved the condition that go up, another piece is the mouse moves the picture after going up, for example the following two graphs, zun Tu is a raised pushbutton, right graph is sunken the pushbutton below:



Click object face plate go up, see the dialog box that be as follows:



   Image Name: The number name of commutation picture effect, dreamweaver can allocate automatically;

   Original Image: Specify primitive picture, (for example here is raised graph)

   Rollover Image: Appoint a mouse to move the picture after going up (for example here is sunken the graph below) ;

   Url: The link network address of the picture;


For example according to go up after the setting of the graph ends, press OK, can preview the effect by F12 next.

No comments:

Post a Comment