Want to make things scroll and bounce?

So you’re making a website. A most ambitious venture, indeed. But maybe a stationary page is not to your fancy. Perhaps you feel the need to make something on your pages move. “How can I do that?” you might ask. Look no further than this blog post!

I’m going to teach you the simple steps to making a marquee for your page! “What is a marquee?” you are asking yourself. Remember back in the Myspace days when people had nice little messages scrolling across their pages?

I can be your guru and teach you how to do that. Hang tight. This gon’ be intense.

First, open up the page you would like to add the effect to in Dreamweaver. Find and isolate the text you want to make scroll.

Screen Shot 2013-10-30 at 10.45.38 PM

Decide which direction you want your text to scroll. Left, right, up, down, it is all up to you. I chose to make it go to the left. On the outside left of the sentence or phrase you chose, type “<marquee direction=left/right/up/down>”. Obviously, only choose one direction for your marquee to scroll.

Screen Shot 2013-10-30 at 10.46.46 PM

Don’t forget to close your html with “</marquee>”!

Screen Shot 2013-10-30 at 10.47.45 PM

If you’d like, you could even make a marquee that bounces back and forth between the edges of the screen!

Find and isolate the text you want to make bounce.

Screen Shot 2013-10-30 at 10.48.23 PM

Type this to the right of the text: <marquee behavior=”alternate”>.

Screen Shot 2013-10-30 at 10.49.10 PM

Once again, don’t forget to close your html!

Screen Shot 2013-10-30 at 10.49.29 PM

To change the speed of your marquee, all you have to do is add this to your code: scrollamount=”#”> You do not need to start a new piece of code for this part.

Screen Shot 2013-10-30 at 10.50.31 PM

Change the number sign to whatever number you choose. The higher the number, the faster your text will scroll across the screen.

Have some fun with this! You can use it like I did and make the titles of your pages move, like here, or even make images slide onto and across the page!

Really, you can use it to spice up almost anything on your website!

Have fun!



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s