Home arrow JavaScript arrow Creating a Scrolling News Panel
JAVASCRIPT

Creating a Scrolling News Panel


Most websites have some sort of space dedicated solely to displaying the 'Latest News'. In fact, this is so common, that most content management systems by default reserve a good chunk of landscape for exactly this purpose. But what if you're limited in screen space, or you just want to cut down on clutter? This article will describe an attractive way to tuck the news into one neat little scrolling box. Enjoy!

Author Info:
By: Justin Cook
Rating: 4 stars4 stars4 stars4 stars4 stars / 89
May 26, 2004
TABLE OF CONTENTS:
  1. · Creating a Scrolling News Panel
  2. · I've Got Good News, and I've Got Bad News
  3. · The Code
  4. · Conclusion

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
Creating a Scrolling News Panel
(Page 1 of 4 )

Introduction

“Extra! Extra! Read all about it!” Ahh, the familiar tone of the latest news. Whether it's a personal or corporate website, it's always important to be able to prominently display the latest goings-on, in some eye-catching way. But of course, the more that happens to you or your company, the more news there is. Therefore more space is needed just for news items, and this can easily start to crowd out other important items on your home page.

Wouldn't it be wonderful if we could somehow compress the news, yet lose nothing? And all the while retaining the eye catchy-ness? (For instance, I feel the need to post a news release on my site expressing my delight at having just received a new purple mouse-stick pointer thingy on my laptop, and I don't want it to unnoticed!) Well, this article affirms that Louis Armstrong was right -- it is a wonderful world -- because we can do both of those things thanks to our good buddy JavaScript.

This article will show you how to first establish the initial position and style of our news box, and then the necessary JavaScript code to scroll it oh so beautifully.


blog comments powered by Disqus
JAVASCRIPT ARTICLES

- More Top jQuery Tutorials for Beginners
- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 11 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials