ANTOLOGIA DE MSN SPACE
Codigos JavaScript para Hipervinculos
* E-mail:
* Password:
Registrarse Presentación Miembros Imágenes
¿Has olvidado tu Password?

Autor Mensaje
EDGARLUIS
 
Mensajes: 64
Registrado: Diciembre/2005
Estado: Off-line
Grupo: Administrador del foro
 
 
  Codigos JavaScript para Hipervinculos 02/Diciembre/2007 - 16:40

 

Codigos JavaScript para Hipervinculos

Resaltar Un Link
Con este codigo le pones un color de fondo a tus links para hacerlos mas llamativos.

<script>
<!--Asi lo llamamos al Script dentro del Body--> function highlight(which,color){
if (document.all||document.getElementById)
which.style.backgroundColor=color}
</script>

<!--Asi pones los links dentro del body-->
<a href="http://www.el-webmaster.com" onmouseover="highlight(this,'yellow')" onmouseout="highlight(this,document.bgColor)">El Webmaster</a>
<a href="http://www.el-webmaster.com" onmouseover="highlight(this,'#00FF00')" onmouseout="highlight(this,document.bgColor)">El Webmaster</a>
<a href="http://www.el-webmaster.com" onmouseover="highlight(this,'#FF00FF')" onmouseout="highlight(this,document.bgColor)">El Webmaster</a>

Menu Deslizante Con La Posibilidad De Abrir En Nueva Ventana

<form name="mycombowopt">
<select name="example" size="1">
<option value="http://www.el-webmaster.com">El Webmaster</option>
<option value="http://cnn.com">CNN</option>
<option value="http://geocities.com">Geocities</option>
</select>
<input type="button" value="Ir!" onclick="gothere()" /> <br />
<input type="checkbox" name="windowoption" value="ON" />Abrir En Ventana Nueva
</form>
<script language="JavaScript" type="text/javascript">
<!-- /*Combo box with "open in new window" credit
-By Website Abstraction (www.wsabstract.com)
Over 200+ free scripts here!
*/ function gothere(){
var thebox=document.mycombowopt
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options
[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}
//-->
</script>

Refrescar La Pagina
Crea un link que al apretarlo refresca la pagina. Tambien funciona con imagenes.

<a href="JavaScript:window.location.reload()">Click Para Refrescar</a>

Mouse Over Link
El link se activa al pasarle el mouse por encima sin necesidad de hacer click.

<a href="http://www.el-webmaster.com" onmouseover="window.location=this.href">El Webmaster</a>

Link Del Dia
Crea un link cuya pagina de destino cambia diariamente por si sola.

<script> /*Day of the link script credit-
By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/ var daylinks=new Array()
/*
Escribe las URL's de acuerdo al dia que quieras que sean mostradas. Nota que si el mes tiene menos de 31 dias, algunos links no seran usados.

*/ daylinks[1]="http://www.el-webmaster.com"
daylinks[2]="http://www.abcnews.com"
daylinks[3]="http://www.cnet.com"
daylinks[4]="http://www.geocities.com"
daylinks[5]="http://www.lycos.com"
daylinks[6]="http://www.infoseek.com"
daylinks[7]="http://www.hotbot.com"
daylinks[8]="http://www.tripod.com"
daylinks[9]="http://www.el-webmaster.com"
daylinks[10]="http://www.wired.com"
daylinks[11]="http://www.download.com"
daylinks[12]="http://www.windows95.com"
daylinks[13]="http://www.shareware.com"
daylinks[14]="http://www.builder.com"
daylinks[15]="http://www.el-webmaster.com"
daylinks[16]="http://www.webreference.com"
daylinks[17]="http://www.webdeveloper.com"
daylinks[18]="http://www.developer.com"
daylinks[19]="http://www.news.com"
daylinks[20]="http://www.techweb.com"
daylinks[21]="http://www.zdnet.com"
daylinks[22]="http://www.excite.com"
daylinks[23]="http://www.nba.com"
daylinks[24]="http://www.el-webmaster.com"
daylinks[25]="http://www.netscape.com"
daylinks[26]="http://www.amazon.com"
daylinks[27]="http://www.xml.com"
daylinks[28]="http://www.espn.com"
daylinks[29]="http://www.nbc.com"
daylinks[30]="http://www.cbs.com"
daylinks[31]="http://www.hotwired.com" var mydate=new Date()
var today=mydate.getDate()
</script>

<a href="today.htm" onclick="window.location=daylinks[today];return false">Haz click aqui para ver la pagina del dia</a>
 

Usuarios activos
6 usuarios activos: 0 miembros y 6 huespedes en el foro.
 Reglas de mensaje
puedes escribir nuevos temas
puedes responder a los temas
puedes adjuntar archivos
no puedes editar tus mensajes
Contactar con el Administrador del foro.



La utilización del servicio vendrá condicionada por la previa aceptación de las Condiciones Generales de Uso del Servicio.

Foro gratis creado en ForosWebGratis.com. Crea tu propio foro aquí.