We have learnt how to make a web page for trying on clothes in last article. Today we will learn how to make a floating advertisement for a web page. We can see many web sites having an ad floating in the web page. This effect can motivate the breeziness of the web page. Moreover, you can put the most important link in the floating ad. Is it difficult to achieve? No. we just need to add a new layer into the saved web page. Besides, the timeline is necessary. The timeline is to control the time of objects’ behaviors, as you know in Flash. Now, let us start.
 |
Step1
Open the Insert inspector. Click the draw layer button to draw a new layer. Then put an image into the layer.
Step2
Select the layer and right click. Then select the Add to Timeline command. There will be a timeline inspector appearing.
Step3
Move the frame to the fifty-fifth. And add key frame to the thirty-third. After doing these things, you need to move the layer to the place you want it to go to. Like the following image show.
 |
Step4
Save the document and press F12 to preview the effect in the explorer. You can see it moving along with the path you have set.
Finally, now you have master the technique to make a floating advertisement for a web page. We learned how to make the free-moving image in the web page in the past article, which is almost same with this article. But you can find the differences between them. One needs the help of the JAVASCRIPT codes, but the other depends on the timeline. One is wandering freely and the other is moving along with a stable path. These are their differences.
For help, advice, tips and tricks, challenges, feel free to visit our
or Submit your good resource to share.
Reminder: Unless stated otherwise, all resources published on this site are NOT for commercial use. To use any resource from this site for commercial purposes, please contact the author.
