Dreamweaver3 Layer Application Skills (vi)

dreamweaver| Tips >> the scroll plate that can be dragged with the mouse ( take a look at the example )

Today I'm talking about a scroll plate that you can drag around with your mouse. First look at the example, with the mouse drag and drop to see the drag-and-drop move, drag do not want to say to me:

This is the last example of this tutorial, or coping, and I'll make it very detailed, and this example took me a little time to think about it and added a picture background for it to look at. Below I will take this example realization to say the step, you will be extrapolate when the concrete operation.
1. You have to find a background picture, put the picture in a layer, this layer named Layer1, this layer is the style of the scroll board.
2. Insert a child layer layer2 in the layer1. Hold down the CTRL key, click on the object floating bar, in the layer1 to draw a layer, the size of the following figure, this layer is used to control the size of the playback text area.



3. Insert a layer2 in the same way in the Layer3, write the message you want to publish in the layer Layer3, the width of this layer must be less than the width of layer2, its height is not limited. 2 child layers have been inserted into the layer1 so far. Press F11 to pull up layers floating window to see if it is the same as the following image.



4. Select Layer2 Press CTRL+F3 to bring up the Layer property editor, clip the L and T fill 0,r fill in 228,b fill in 119. First fill in and explain, clip it controls the display area of your scroll plate, L,T,R,B is left,top,right,bottom abbreviation, r,b These two parameters you fill in the width and height of the layer, of course, you can also change, according to the results shown later. The following figure:



5. Now it's time to move the layer Layer3, how to move? Use timeline to fix, press CTUL+F9 to pull up timeline floating panel. Use the mouse to drag Layer3 to the time track.
6. In this example, the layer is scrolled from bottom to top, and the layer Layer3 is dragged to the edge of the layer2 at the first frame. And then at the last frame, drag the layer to the top edge of the layer2, so you do two keyframes, you can drag the red play block in the timeline to see if the layer Layer3 is not moving.
7. Because the system default animation length of 30 frames, playback speed is 15 frames per second, such parameters are obviously not suitable for the scroll board, moving too fast, in this case, I have extended the animation length, and the frame of the playback speed of 2Fps, the following figure. So far the scroll plate has been basically done, some parameters you must be more patient to set several times to achieve the best results.



8. Now this layer can be dragged with the mouse, in the first frame behaviors orbital Double-click the mouse, there will be a familiar behaviors window, click to select Drag layer. Finished, you can press F12 preview.

The site of this tutorial has been all finished, now packaged to provide download, if you have any better effect to my Home MessagePlease give me Letter, let me learn to learn.

Finally, I want to give you a question: How to do the dynamic Pull-down menu with DW? Do not use Plug-ins.