Random quote of the day script
from
http://cssglobe.com/simple-way-to-random-display-or-rotate-content-using/
Follow these 4 simple steps:
********************************************************************
1)) Add this to your page (as many lines as you wish)
- ... quote # 1
- ... quote # 2
- ... quote # 3
- ... quote # 4
- ... quote # 5
********************************************************************
2)) Add the three items below to your website CSS file or place them in your page 'style' header
you can change appearance of these parameters to anything you wish:
[width:__px; | font-size:__px; | font-family:__ | line-height:__%; | padding:__px; | background:#__]
#tips, #tips li{
margin:0;
padding:0;
list-style:none;
}
#tips{
width:250px;
font-size:18px;
font-family:Times New Roman, Verdana, Tahoma, Arial, Helvetica, sans-serif;
line-height:120%;
}
#tips li{
padding:20px;
background:#E1E1E1;
display:none; /* hide the items at first only */
********************************************************************
3)) Download JQuery.js from http://jquery.com/download/
and place the script wherever you wish on your server,
(for example a subfolder /js) - and then add this to your
page header pointing to the script:
script type="text/javascript" src="js/jquery.js">
********************************************************************
4)) Below that in the same header add the following script:
********************************************************************
That's all there is to it... you can add quotes, jokes, tips, or other bits. have fun!