here is what I am using ....
And I have created the file ( scroller.html )
pace, or scroll back and read any information they wish. Neat!
-->
<!-- TWO STEPS TO INSTALL UP & DOWN VERTICAL SCROLLER:
1. Copy the scroller coding into the BODY of a new HTML page
2. Add the second code into the BODY of the opening page -->
<!-- STEP ONE: Paste this code into a new HTML file, name it
croller.html -->
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike McGrath (mike_mcgrath@lineone.net) -->
<!-- Web Site: http://website.lineone.net/~mike_mcgrath/ -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var msg = "This page requires version 4 or later of\n Netscape Navigator
or Internet Explorer"
var dyn = (document.layers || document.all) ? true : alert(msg);
var nav = (document.layers) ? true : false;
var iex = (document.all) ? true : false;
var lft = 10; // (window.screen.width/2);
var pos = 10; // initial top position
var stp = 10; // step increment size
var spd = 150; // speed of increment
var upr = -390; // upper limiter
var lwr = 100; // lower limiter
var tim; // timer variable
function scroll_up() {
if(pos > upr) pos -= stp;
do_scroll(pos);
tim = setTimeout("scroll_up()", spd);
}
function scroll_dn() {
if(pos < lwr) pos += stp;
do_scroll(pos);
tim = setTimeout("scroll_dn()", spd);
}
function do_scroll(pos) {
if(iex) document.all.divTxt.style.top = pos;
if(nav) document.divTxt.top = pos;
}
function no_scroll() {
clearTimeout(tim);
}
var divTop_content="";
if(iex) document.write('<DIV ID="divTop" STYLE="position:absolute; top:0;
left:'+lft+'; width:300; height:100; background-color:white;
z-index:3">'+divTop_content+'</DIV>');
if(nav) document.write('<LAYER ID="divTop" position="absolute" top="0"
left="'+lft+'" width="300" height="100" bgcolor="white"
z-index="3">'+divTop_content+'</LAYER>');
var divBtm_content =('<HR><TABLE BORDER="0" WIDTH="100%"><TR><TD
ALIGN="left"><A HREF="javascript://" ONMOUSEOVER="scroll_up()"
ONMOUSEOUT="no_scroll()">SCROLL DOWN</A></TD><TD ALIGN="right"><A
HREF="javascript://" ONMOUSEOVER="scroll_dn()"
ONMOUSEOUT="no_scroll()">SCROLL UP</A></TD></TR></TABLE>');
if(iex) document.write('<DIV ID="divBtm" STYLE="position:absolute;
top:350; left:'+lft+'; width:300; height:800; background-color:white;
z-index:2">'+divBtm_content+'</DIV>');
if(nav) document.write('<LAYER ID="divBtm" position="absolute" top="350"
left="'+lft+'" width="300" height="800" bgcolor="white"
z-index="2">'+divBtm_content+'</LAYER>');
var divTxt_content = ('<b>TIPS FOR GETTING THE MOST OUT OF THESE
RECIPES</b> <b>Ingredients</b> <p>
I believe a dish is only as good as its worst ingredient. That's why we
recommend using the most healthful and delicious foods -- preferably
organic, if you can find them in your area and afford them. Moderation is
the key; most recipes are low in fat and sugar. But you'll notice that
sometimes we use a little brown sugar or honey when we believe that their
addition enhances the flavor of the dish. Feel free to be creative and
substitute your favorite ingredients.
</p>
<p>
<b>Servings </b>
<p>
I hope you'll notice that our vegetable recipe portions may be larger than
you are used to; main dish portions may be smaller. We have done this on
purpose. Most of us need to eat more vegetables and less of the
higher-calorie foods on our plate. Remember that the calories and
nutritional analyses refer to one serving. Nutritional Analysis
We provide more extensive nutritional analyses than you usually find in
cookbooks. In addition to the usual calories, protein, fat, carbohydrate,
fiber and cholesterol, we include vitamin A (which includes beta-carotene),
vitamin E, vitamin C, calcium and magnesium.
</p>
<p>
<b>Salt </b>
<p>
We have not included sodium in the nutritional analysis of the dishes
because we call for salt to taste. I believe that you can easily get used to
less and become healthier for it.
</p>
<p>
Wine, alcohol and other optional items
Some of our recipes call for wine or other spirits. You can substitute
broth, water, flavored teas or fruit juice if you don't want to use the
alcohol. We have not included those foods in the nutritional analysis.</p>
');
if(iex) document.write('<DIV ID="divTxt" STYLE="position:absolute;
top:100; left:'+lft+'; width:300; font-family:verdana; font-size:10pt;
background-color:white; z-index:1">'+divTxt_content+'</DIV>');
if(nav) document.write('<LAYER ID="divTxt" position="absolute" top="100"
left="'+lft+'" width="300" font-family="verdana" font-size="10pt"
bgcolor="white" z-index="1">'+divTxt_content+'</LAYER>');
// End -->
</script>
<!-- STEP TWO: Add the second code into the BODY of the opening page -->
<BODY>
<center>
<form>
<input type=button value="Show Recipe"
onClick="window.open('scroller.html','','width=325,height=400');">
</form>
</center>
<!-- Or make it open automatically with this code -->
<script language="JavaScript">
<!-- Begin
var popup = "no"; // just change "no" to "yes"
if (popup == "yes")
window.open('scroller.html','','width=325,height=400');
// End -->
</script>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 4.08 KB -->