Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Hovering button

Status
Not open for further replies.
thanks for that, but I have tried to put it in a page and it doesn't work, must be doing something wrong, could you help me please below is the information, all I want is the word "top" to scroll with the page.

You made it.... Or you skipped to the end. Either way, you're very close to having your very own chaser element on your website. Here's how to do it:

Add a style definition to the head of your document describing where the chaser should be positioned initially:

<STYLE TYPE='text/css'>
#myChaser {
position:absolute;
left:200px;
top:0px;
width:250px;
color:#555555;
font-family:verdana, arial, sans-serif;
font-size:12px;
}
</STYLE>

Add the <DIV> element to your HTML with the proper ID and whatever content you desire:

<DIV ID='myChaser'>
This is the actual chaser element.
You can put any valid HTML in here,
and style it however you wish.
</DIV>
Modify the first few lines of the chaser.js script to fit your circumstance:

var oChaser = {
topMargin : 25,
callRate : 35,
ceiling : 55,
slideTime : 1200,
isIE : document.all ? true : false,
chaserDiv : document.all ? document.all.chaser : document.chaser
}
Add the script library to your page after the DIV element:

<SCRIPT LANGUAGE='JavaScript' SRC='chaser.js'></SCRIPT>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top