Barra d'enllaços amb desplaçament


Situa el punter del mouse sobre les fletxes


 

<style>
body{
overflow-x:hidden;
overflow-y:scroll;
}
</style>
<script language="JavaScript1.2">

var goleftimage='tri1.gif'
var gorightimage='tri2.gif'
var menuwidth=200
var scrollspeed=6

var menucontents='<nobr>
<a href="http://www.mallorcaweb.net/renault8/">El Rincón del Renault 8</a> |
<a href="http://www.mallorcaweb.net/sacabaneta/index.htm">El temps a Sa Cabaneta</a> |
<a href="http://www.podesitales.net/index.htm">Poda de palmeres</a> |
<a href="http://www.amantispalma.net">Amantis</a> |
<a href="http://www.portula.net/">Pòrtula</a> |
<a href="http://www.portula.net/coral.htm">Coral Veus de Marratxí</a>

</nobr>'

var actualwidth='' var ns_scroll function fillup(){ if (document.all){ test2.innerHTML=menucontents actualwidth=test2.offsetWidth } else if (document.layers){ ns_scroll=document.ns_scrollmenu.document.ns_scrollmenu2 ns_scroll.document.write(menucontents) ns_scroll.document.close() actualwidth=ns_scroll.document.width } } window.onload=fillup function moveleft(){ if (document.all&&test2.style.pixelLeft>(menuwidth-actualwidth)) test2.style.pixelLeft-=scrollspeed else if (document.layers&&ns_scroll.left>(menuwidth-actualwidth)) ns_scroll.left-=scrollspeed lefttime=setTimeout("moveleft()",50) } function moveright(){ if (document.all&&test2.style.pixelLeft<0) test2.style.pixelLeft+=scrollspeed else if (document.layers&&ns_scroll.left<0) ns_scroll.left+=scrollspeed righttime=setTimeout("moveright()",50) } if (document.all||document.layers){ with (document){ write('<table border="0" cellspacing="0" cellpadding="0">') write('<td valign="middle"><a href=#" onMouseover="moveleft()" onMouseout="clearTimeout(lefttime)"><img src="'+goleftimage+'"border=0></a> </td>') write('<td valign="top">') if (document.all){ write('<span style="position:relative;width:'+menuwidth+';">') write('<span style="position:absolute;width:'+menuwidth+';clip:rect(0 '+menuwidth+' auto 0)">') write('<span id="test2" style="position:absolute;left:0;top:0">') write('</span></span></span>') } else if (document.layers){ write('<ilayer width='+menuwidth+' name="ns_scrollmenu">') write('<layer name="ns_scrollmenu2" left=0 top=0></layer></ilayer>') } write('</td>') write('<td valign="middle"> <a href="#" onMouseover="moveright()" onMouseout="clearTimeout(righttime)">') write('<img src="'+gorightimage+'"border=0></a>') write('</td></table>') } } </script>

Inserta aquest codi on vulguis posar el botó. La frasse en vermell és la que es mostrarà en el botó. Si vols emprar les mateixes imatges ( ), copiales al mateix directori on tenguis la pàgina. La part que està en lletra normal és completament configurable: pots modificar les imatges ( 'tri1.gif' i 'tri2.gif'), la velocitat amb que es desplaçarà el texte ( scrollspeed=6 ; pot anar de 0 fins a 10 ) l'amplària entre les dues imatges ( menuwidth=200 ) i pots posar tots els links que vulguis, sempre respetant la forma en que estan posats els que hi ha (en vermell).

La part que està en cursiva no és configurable

Tornar