Achieve float photosphere specially good effect with Dreamweaver

    Use Dreamweaver to be able to make a lot of specially good effect, although you won't Javascript is irrespective also, because Dreamweaver provided time axis and action for us two big tools. Use them to be able to make sundry result well, this exemple place does float photosphere specially good effect is a very good example. The concrete move that make is as follows:

The first pace: Prepare a piece of picture to regard setting as the graph, size is 240x180.

The 2nd pace: A Layer1 is built in the page, size and choose background picture are consistent, insert background picture next inside this layer.

The 3rd pace: Build Layer2 of a layer again, the photosphere that this layer floats the consummate that be made. The size of the layer is the size of the ball, positional jackknife is on layer Layer1, the layer attribute of the others all uses acquiescent value.

The 4th pace: Layer2 allowing a layer is moved rise. Reach layer Layer2 daggle time axis, choose in this right key menu next " record method " , with mouse daggle layer then the picture gives to shut with method, this method is the contrail that photosphere moves. Finally in time axis " broadcast automatically " and " circularly " before hit tick off, by F12 key is previewed, see rate appropriate, if dissatisfactory OK adjustment the gross of the frame in time axis or the frame number that every second broadcasts, until accord with a requirement till.

The 5th pace: Accuse those who make animation to broadcast. Open behavior face plate, choose a Layer1, in choosing incident " stopping time axis " , in reelection choose movement " OnMouseOver " , completed event of a group of movements so, namely the mouse moves to stop to broadcast to the animation when layer Layer1; Increase incident of a group of movements again next: Incident is " broadcast time axis " , the movement is " OnMouseOut " , move in the mo use namely when Layer1 giving a layer, animation is broadcasted then.

The 6th pace: Make the layer can procrastinate move. Open behavior face plate, in choosing incident " procrastinate eat a layer " , it is the layer that can be procrastinated to move Layer2 certainly, such layer Layer2 namely photosphere is OK procrastinate arbitrarily in the webpage moved.

The 7th pace: The photosphere that make. Open time axis, choose a frame, in its right key menu is chosen choose " add behavior " , opened behavior face plate at this moment, in choosing incident " change attribute " , appear at this moment " change attribute " dialog box, in " object type " next pulling menu is chosen criterion " Div " namely layer, "Name a target " choice " Layer2 " , "Attribute " choose " Style.filter " , in " new worth " following code inputs in casing: Mask(color=#ffffff) Alpha(opacity=100, style=2)

Here used two filter lens, can produce photosphere result, finally " affirmato ry " .

The 8th pace: Make photosphere becomes angry. Frame of few points key searchs in time axis, set behavioral event according to the method of the 7th pace, the color that the attention changes the Color value of Mask filter lens to like into you is OK.