Personalize the mouse pointer with Dreamweaver

dreamweaver| Mouse | mouse pointer

When browsing the Internet, you can often find that a site's mouse is very distinctive, and some even an animation. These effects can be achieved very easily in Dreamweaver MX 2004.

　　Effect Description: When the mouse moves to the Site page, the arrow shape of the mouse will become a small picture.

Creative thinking: add a body tag CSS style to your Web page, and define a new cursor in the extended options in the "Body CSS style Definition" dialog box.

　　Operation Steps

(1) Use the new command to insert the body tag CSS style, as shown in Figures 1 and 2.

(2) In the extended option, enter "URL (Webjx.ani)" in the "cursor" item, and then click the OK button, as shown in Figure 3.

Note: Here "Webjx.ani" is the name of the cursor file, and the cursor file "Webjx.ani" needs to be placed in the same directory as the Web page file.

Tip: If the page is blank at the time of production, the reader will find that the effect can be seen only by moving the mouse cursor to the point below the address bar. In order to be able to see the effect in a larger range, you can enter other content in the production or press "enter" key input blank paragraph, to ensure that there are enough content in the page, you can easily observe the effect.

(3) Click the "File" | "Save" command in the menu bar to save the page file, then open the page in the browser, move the mouse cursor up, and you can see the mouse become a small picture.

At this point, the example operation is complete. This example through the CSS to achieve a lively and interesting mouse effect, through the CSS can not only improve work efficiency, but also to achieve a lot of dazzling wonderful effect, as an excellent web designer, must be proficient in the use of CSS.

　　Click here to ANI the file