¿Supiste lo que acaba de lanzar LagriHost? Sí, como lo estabas esperando, ahora vendemos Web Hosting y Dominios. Conoce más :)


Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Botón animado
#1
0
Aprendé a dar movimiento a tu página con botones animados por Java Script. Cada botón puede llevar a un enlace distinto. Sólo tienes que configurar los parámetros "lineArr" y "urlArr" del script, que permiten destacar cosas en tu página.

Código:
<font face="Arial, Helvetica, sans-serif" size="2">
<script language="JavaScript">
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Foro Computación"
urlArr[1] = "http://foro.lagrihost.com"
lineArr[2] = "Trucos PC"
urlArr[2] = "http://foro.lagrihost.com/trucos"
lineArr[3] = "Noticias Tecnológicas y Actualidad"
urlArr[3] = "http://foro.lagrihost.com/noticias"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</form>");
StartShow();
</script></font>

#2
0
Gracias por el aporte, bastante interesante, en mi trabajo uso mucho jquery, pero no llegamos a utilizar este tipo de métodos.
Nunca consideres el estudio como una obligación, sino como una oportunidad para penetrar en el bello y maravilloso mundo del saber. Albert Einstein

No olvides visitar mi web sobre informática... Bitácora Informática

Una nueva comunidad, un nuevo concepto, te esperamos... Tangaria



Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  Botón Colorido torgar22 2 3,147 09-07-2015, 09:58 PM
Último mensaje: AndresXZ09
  Boton de Descarga Css Basdower 6 4,427 21-04-2014, 07:18 PM
Último mensaje: danesth



Usuarios navegando en este tema:
1 invitado(s)


Forum software by © MyBB Theme © Kevinex & iAndrew 2018