Part #1 Website Marquee Tool - Text Scroller - Website Widget

Css marquee scrolling box

In this set tutorial lessons we will create a marquee scrolling box, which will scroll text and images.

I will have a on Mouse hover pause and mouse out play effect.

Marquee can be used for scrolling text and images across the screen left, right, up and down.

The box we build in this tutorial lesson could be used in an e-commerce website to display products and related information. A link can be attached to the image which can take customer to that product page.

In order to create the scrolling box effect we need to use CSS style pseudo selector:hover.

There are many types of CSS style pseudo selectors and you can take a look at them by clicking the link below:-

http://www.w3.org/TR/CSS2/selector.html

This was a Dreamweaver CS5 tutorial lesson brought to you by TheWebTuts.

Category:

Education

Tags:

• css logon
• html codes
• web design
• free website
• tutorial
• lesson
• lesson plans
• graphics
• How
• to
• Make
• Your
• Website
• Text
• Scroll