Using Dreamweaver to easily implement alternate image button making

Source: Internet
Author: User
Tags implement insert dreamweaver
dreamweaver| button

Flash in the alternating image button is always a favorite fan of the animation button, in the Dreamweaver only need a few steps simple operation, you can make these very dynamic alternating image buttons, and occupy less space.

  Effect Description: set up a group of alternating images, when the mouse moved to the target image, will show another image, like a moving button, both dynamic and stylish.

  Creative thinking: Open the Dreamweaver MX 2004 software, perform the "Insert" image object "mouse over image" command, or click the "Mouse over image" command in the Drop-down menu of the toolbar to set up as required, and finally save the file to finish making.

  Operation Steps

(1) Open the Dreamweaver MX 2004 software to create a new HTML file.

(2) Click the Insert menu, select the Image object, the mouse through the image, as shown in Figure 1.

(3) Open the Insert Mouse through Image dialog box, set as shown in Figure 2, and select an image file.

Tip: Note the location of the image file, preferably in the same directory as the Web page file.

(4) Press the shortcut key ctrl+s to save the file. This example completes the operation. Switch button effects will be better if combined with a button effect.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.