Link Hint Scroller Howto

Link Hint Scroller Howto

Does Link Hint Scroller work on Netscape ?

Link Hint Scroller works only on IE. Netscape 4.x and 6.0 will just show you the link.

How do I use Link Hint Scroller for multiple links ?

It's very easy to extend Link Hint Scroller for multiple links. When you move your mouseover a link, a scrolling hint appears. The scrolling hint that you see is actually a layer. This layer is written using the HTML <DIV> tag. What Link Hint Scroller does to this layer is that it keeps changing the position of the layer gradually thus creating a scrolling effect.

So know to use multiple links, you will require of course multiple links and also multiple <DIV> tags; i.e multiple layers. Suppose we have 2 links, so we will have 2 layers.
Observe the following code fragment :(The code for the first link)

<a href="#" onmouseover="javascript:reset();Scroll('layer1');" onmouseout="javascript:StopScroll('layer1');">This is Link 1</a>

If you observe the code onmouseover two functions reset() and Scroll('layer1') are called. onmouseout the function StopScroll('layer1') is called; the argument of the function StopScroll() being layer1. The StopScroll function is used for stopping the scroll of the particular layer. The function Scroll() concerns us. In the above code this function is called with the argument layer1. Here layer1 is the name of the layer that this function calls to scroll. Thus there has to be a layer that has the name layer1. The code for this layer could be:

<div id="layer1" style="position:relative; visibility:hidden">
This is the first link!
</div>

In the above code the attribute id identifies the layer. Thus the id for the above layer is layer1. Thus the combination of the above two codes form the first link and hint.

Now conside the codes for the link and hint for the second link:

<a href="#" onmouseover="javascript:reset();Scroll('layer2');" onmouseout="javascript:StopScroll('layer2');">This is Link 2</a>

<div id="layer2" style="position:relative; visibility:hidden">
This is the second link!
</div>

If you observe the code for the second link the functions Scroll() and StopScroll() are called with the argument layer2.

If you observe the style attribute in both the <DIV> tags, their position is set to relative. Since you are using 2(more than 1) links, it would be better to use absolute positioning. Relative positioning would cause the layers to be one below the other.

Have any questions regarding "Link Hint Scroller"? Mail them to premshree@hotmail.com.
Selected FAQs will be included in this secion. This would help others who have similar questions. Users of "Link Hint Scroller" please support this section.

Join the Qiksearch Group at http://groups.yahoo.com/group/qiksearch