How to Make Icons Scroll
An icon is a digital image that names a particular computer feature such as an application. Consider making the icon move on your web page to ensure that it is truly noticeable. HyperText Markup Language (HTML) makes this possible and allows you to specify the direction that your picture moves. Use an online resource and your computer's text-editor program to make an icon scroll as you prefer.
Other People Are Reading
Instructions
-
-
1
Point your browser to an image host, such as TinyPic or File Dropper, and click the "Upload" button. Follow the onscreen prompts to select the icon file from your computer and add it to the server. Record the URL address when the upload procedure finishes.
-
2
Bring up your text-editor program and place your cursor in the area where you want your icon to scroll. Type the following HTML code:
<marquee>
<img src=" " />
</marquee>
-
-
3
Enter your icon's URL address between the quotation marks in the image tag. To illustrate:
<img src="http://www.imagehost.com/icon.gif" />
-
4
Position your cursor in the first marquee tag and type "behavior=" and "scroll" after the equal sign like so:
<marquee behavior="scroll">
-
5
Type "direction=" and a value such as "left," "right," "up" or "down" to name the course that the icon takes as it moves on the page. For example:
<marquee behavior="scroll" direction="left">
-
6
Save your file. Your complete code looks now looks like the following:
<marquee behavior="scroll" direction="left">
<img src="http://www.imagehost.com/icon.gif" />
</marquee>
-
1
References
Resources
- Photo Credit message icon image by creative from Fotolia.com
