Sliding RSS Feed Script ...

A great, slick way to display RSS feeds. Nice and smooth sliding effects.
Server side support
Usage:

This script requires that you have access to PHP on your webserver.

Creating RSS box and specify url of feed

This scripts loads content from an external RSS file into a div on your page. The first you have to do is to put in an empty div where you want the RSS box to appear. Example:
 
1 <div id="rssBox">

2 </div>

Then you need to specify

* The url to your RSS source
* Which div you want the RSS data to be placed
* How many items you want to read from the source
* Time between each item is shown in the box.

All this is something you specify by calling a Javascript function named "insertAjaxContent". Example:

 
1 insertAjaxContent( ssBox,http://www.dhtmlgoodies.com/rss/dhtmlgoodies.xml,5,3);

"rssBox" refers to the empty div you created, Then we have the url to the external RSS feed. I have specified that I only want the 5 newest items to be shown and the script should show an item for 3 seconds before switching to the next one.

Layout

The script uses plain CSS for the layout. This is the CSS for the demo:
 
01 #rssBox{

02 width:300px;

03 margin:5px;

04 float:right;

05 height:300px; 

06 border:1px dotted #317082;

07 padding:3px;

08 font-size:0.8em;

09 background-color:#E2EBED;

10

11 }   

12 #rssBox .slide{ /* A specific slide */

13 background-color:#E2EBED; /* Light blue background color */

14}

15 .rssBoxDate{

16 display:none;  /* I don want to show the date */

17}

18 .rssBoxHeading{  /* Heading of RSS item */

19 font-weight:bold;

20 color:#317082;

21 margin:0px;

22 }

23 .rssBoxDescription{  /* Description of RSS item */

24 

25 } 

26 .rssBoxLink{  /* Read more link */

27 color:#F00;

28 text-decoration:none;

29 }

30 .rssBoxLink:hover{  /* Read more link - mouse over */

31 text-decoration:underline;

32 }

33 Javascript variables

You have two Javascript variables available:
 
1 var rssBoxTxt_readMore = Read more;

2 var rssBoxOpenLinksInNewWindow = true;

3 var rssBoxPadding = 2;

4 var rssBox_slideSpeed = 7;

5 var rssBox_waitBetweenEachSlideStep = 5;

* rssBoxTxt_readMore = Link label, i.e. the "Read more" link.
* rssBoxOpenLinksInNewWindow = Open "Read more" links in new window or not. true = new window, false = same window
* rssBoxPadding = Padding inside parent box
* rssBox_slideSpeed and rssBox_waitBetweenEachSlideStep = Determines speed of sliding

Demo: http://www.dhtmlgoodies.com/scripts/rss-scroller/rss-scroller.html
Download: http://www.dhtmlgoodies.com/scripts/rss-scroller/rss-scroller.zip