:: CP - Recursos Web :: - Codigos varios javascript

Codigos varios javascript

Codigos varios (Javascript)

- Para todos los usuario les dejamos una listado con recursos de mucha utilidad creados a base de Javascript, asi podran mejorar sus paginas!.
* No funciona el recurso? Por favor avisanos [ Haciendo click aqui ], gracias.

[ Recursos disponibles: ]

Texto que sigue al cursor

CLICK AQUI PARA VER EJEMPLO
CODIGO:

<script language='javascript' type='text/javascript'>
//<![CDATA[
var x,y
var tempo = 10
var espera = 0
var texto = "AQUI PON EL TEXTO QUE DESEAS" // AHI PON EL TEXTO
texto = texto.split("")
var xpos = new Array()
for (i = 0; i <= texto.length - 1; i++) {
xpos[i] = -50 }
var ypos = new Array()
for (i = 0; i <= texto.length - 1; i++) {
ypos[i] = -50 }
function seguir(e){
if (!e) var e = window.event
if (e.pageX || e.pageY) {
x = e.pageX
y = e.pageY
window.status = x + ' : ' + y
} else if (e.clientX || e.clientY) {
x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft
y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop
window.status = x + ' : ' + y
} else {
return}
espera = 1 }
function animar_cursor() {
if ( espera == 1 ) {
for ( i = texto.length - 1; i >= 1; i--) {
xpos[i] = xpos[i-1] + tempo
ypos[i] = ypos[i-1] }
xpos[0] = x + tempo
ypos[0] = y }
if ( espera==1 && document.all ) {
for (i = 0; i <= texto.length - 1; i++) {
var letra = eval("span" + i + ".style")
letra.posLeft = xpos[i]
letra.posTop = ypos[i]}}
else if ( espera==1 && document.layers ) {
for (i = 0; i <= texto.length - 1; i++) {
var letra = eval("document.span" + i)
letra.left = xpos[i]
letra.top = ypos[i]}}
else if ( espera==1 && document.getElementById ) {
for (i = 0; i <= texto.length - 1; i++) {
var letra = document.getElementById( "span" + i)
letra.style.left = xpos[i] + 'px'
letra.style.top = ypos[i] + 'px'}}
var timer = setTimeout("animar_cursor()", 30) }
if (document.layers)
document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = seguir
//]]>
</script>
<style type='text/css'>
.cursoranimado {position:absolute;visibility:visible;top:-50px;
font-size:12pt;font-weight:bold;color:#006699;}</style>
<script language='javascript' type='text/javascript'>
//<![CDATA[
if (document.layers) {
for (i=0;i<=texto.length-1;i++) {
document.write('<span id="span' + i + '" class="cursoranimado">')
document.write(texto[i])
document.write('</span>')}
} else if (document.all || document.getElementById) {
for (i=0;i<=texto.length-1;i++) {
document.write('<div id="span' + i + '" class="cursoranimado">')
document.write(texto[i])
document.write('</div>')}}
animar_cursor()
//]]>
</script>

Enlace "volver atraz"

CLICK AQUI PARA VER EJEMPLO
CODIGO:

Texto que cambia de color

CLICK AQUI PARA VER EJEMPLO
CODIGO:

<script language="JavaScript1.2" type="text/javascript">
var message="BIENVENIDOS A CSSPLANTILLAS"
var neonbasecolor="#FF0000"
var neontextcolor="#333"
var flashspeed=100
var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<b><span style="font-size:14px;font-wight:bold;" id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font></b>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}
crossref(n).style.color=neontextcolor
if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}}
function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>

Broma de virus

CLICK AQUI PARA VER EJEMPLO
CODIGO:

TEXTO EN FORMA DE ARCOIRIS

CLICK AQUI PARA VER EJEMPLO
CODIGO:

Camara de seguridad en tu web

CLICK AQUI PARA VER EJEMPLO
(La camara NO es real, es solo un elemento decorativo para tu sitio.)
CODIGO:

Pop Up Automatica

NO HAY EJEMPLO
Al cargar la pagina el usuario saldra automaticamente.
CODIGO:

Mensaje en barra de estado tipo marquee

NO HAY EJEMPLO
Solo pega el código en el box
"Por encima de la pagina o entres las etiquetas "<head></head>"
CODIGO:

:: CP - Recursos Web ::

Codigos varios javascript

Codigos varios (Javascript)

Texto que sigue al cursor

Enlace "volver atraz"

Texto que cambia de color

Broma de virus

TEXTO EN FORMA DE ARCOIRIS

Camara de seguridad en tu web

Pop Up Automatica

Mensaje en barra de estado tipo marquee

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado