|
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>
|