Javascript - Enlace con anuncio movible
Códigos Javascript
Util enlace, al pasar el mouse por encima mostramos un anuncio determinado
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Viene comentado en el script para las modificaciones necesarias.
para insertar otro anuncio simplemente debemos añadir otros enlaces como el que se encuentra al final del codigo
CODIGO
# Codigo ofrecido por Tutores.org
- <SCRIPT LANGUAGE="JavaScript">
- <!-- Codigo ofrecido por tutores.org -->
- <!-- Inicio
- window.onerror = null;
- var bName = navigator.appName;
- var bVer = parseInt(navigator.appVersion);
- var NS4 = (bName == "Netscape" && bVer >= 4);
- var IE4 = (bName == "Microsoft Internet Explorer"
- && bVer >= 4);
- var NS3 = (bName == "Netscape" && bVer < 4);
- var IE3 = (bName == "Microsoft Internet Explorer"
- && bVer < 4);
- var scroll_length = 650; //La longitud del scroll
- var time_length =50; //Velodidad del scroll
- var begin_pos = 190; //Posicion de inicio
- var i;
- var j;
- if (NS4 || IE4) {
- if (navigator.appName == "Netscape") {
- layerStyleRef="layer.";
- layerRef="document.layers";
- styleSwitch="";
- }else{
- layerStyleRef="layer.style.";
- layerRef="document.all";
- styleSwitch=".style";
- }
- }
- // INICIO DEL SCROLL
- function Scroll(layerName){
- if (NS4 || IE4) {
- if (NS4 || IE4) {
- if(i<(begin_pos+scroll_length)){
- eval(layerRef+'["'+layerName+'"]'+
- styleSwitch+'.visibility="visible"');
- eval(layerRef+'["'+layerName+'"]'+
- styleSwitch+'.left="'+i+'"');
- i++;
- j++;
- if(i==j){
- setTimeout("Scroll('"+layerName+"')",time_length);}
- }
- }
- }
- }
- //FIN DEL SCROLL
- function StopScroll(layerName)
- {
- i=begin_pos+scroll_length;
- eval(layerRef+'["'+layerName+'"]'+
- styleSwitch+'.left="'+i+'"');
- hideLayer(layerName);
- }
- function reset()
- {
- i=begin_pos;
- j=i;
- }
- // HIDE HINT
- function hideLayer(layerName){
- if (NS4 || IE4) {
- eval(layerRef+'["'+layerName+'"]'+
- styleSwitch+'.visibility="hidden"');
- }
- }
- // FIN DE SCRIPT -
- // Hasta aqui debe de estar entre las etiquetas head -->
- </script>
- <a href="http://www.tutores.org" target="_blank" class="link" onmouseover="javascript:reset();Scroll('prem_hint');" onmouseout="javascript:StopScroll('prem_hint');">Tutores.org</a>
- </center>
- <div id="prem_hint" style="position:relative; visibility:hidden" class="prem_hint">
- Web de webmasters para webmasters <br> foros, tutoriales, scripts.</div>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Enlace con anuncio movible" href="http://www.tutores.org/codigo/512/" target="_blank">Enlace con anuncio movible</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Enlace con anuncio movible" href="http://www.tutores.org/codigo/512/" target="_blank">Enlace con anuncio movible</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS