jose.pozos
Usuario habitual
Usuario habitual

medan el codigo para aser que algunas letras sigan el cursor

Avatar Image
Moderador
Moderador

Ejemplo http://www.programmerscentre.com/utilities/scripts/texto%20en%20el%20mouse.txt

Codigo Copialo tal cual.

codigo

<HEAD>
<STYLE>

.spanstyle {

position:absolute;

visibility:visible;

top:-50px;

font-size:8pt;

font-family:Verdana;

font-weight:light;

color:000080;

}

</STYLE>
<script language="JavaScript">
<!--
function MM_displayStatusMsg(msgStr) { //v1.0

status=msgStr;

document.MM_returnValue = true;

}



// ++++++++++++



var x,y

var step=20

var flag=0



var message="Esto es el Script "

message=message.split("&quot



var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos=-50

}



var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos=-50

}



function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}



function makesnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y



for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style&quot

thisspan.posLeft=xpos

thisspan.posTop=ypos

}

}



else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y



for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos

thisspan.top=ypos

}

}

var timer=setTimeout("makesnake()",30)

}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
</HEAD>

<BODY onLoad="makesnake();MM_preloadImages('tscroll.class','logo.jpg')" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>

<!-- Beginning of JavaScript -


for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>&quot
document.write(message)
document.write("</span>&quot
}



if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>



Busca esto var message="Esto es el Script "

Y cambia donde dice Esto es el Script por tu texto
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados

Pero en que apartado lo pongo?cabecera pie de página...y es tan largo?

oye azme un favor cópialo y ponlo con este nombre please:
salon del verso

es que no se donde ponerlo, y ponlo sin caritas

Avatar Image
Moderador
Moderador
Escrito originalmente por SV.Webmaster
Pero en que apartado lo pongo?cabecera pie de página...y es tan largo?

oye azme un favor cópialo y ponlo con este nombre please:
salon del verso

es que no se donde ponerlo, y ponlo sin caritas

Me pillas con tiempo, solo por eso lo hago, aunque esta escrito en que parte debes cambiar el título. ¿Donde se pone? pues ni idea, ya que no me gustan esos efectos y no lo he usado, ni en mi web ni en mi foro. Lo unico que te queda es probar en el pie o en la cabecera.

Lo de las caritas, a veces salen, pero no te preocupes, solo copia el code y listo, los caretos aparecen porque coincide el codigo del js con la clave del careto.
Saludos
Aca esta
codigo

<HEAD>
<STYLE>

.spanstyle {

position:absolute;

visibility:visible;

top:-50px;

font-size:8pt;

font-family:Verdana;

font-weight:light;

color:000080;

}

</STYLE>
<script language="JavaScript">
<!--
function MM_displayStatusMsg(msgStr) { //v1.0

status=msgStr;

document.MM_returnValue = true;

}



// ++++++++++++



var x,y

var step=20

var flag=0



var message="salon del verso"

message=message.split(""



var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos=-50

}



var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos=-50

}



function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}



function makesnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y



for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style"

thisspan.posLeft=xpos

thisspan.posTop=ypos

}

}



else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y



for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos

thisspan.top=ypos

}

}

var timer=setTimeout("makesnake()",30)

}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#"!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
</HEAD>

<BODY onLoad="makesnake();MM_preloadImages('tscroll.class','logo.jpg')" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>

<!-- Beginning of JavaScript -


for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>"
document.write(message)
document.write("</span>"
}



if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados

pues no sale

Avatar Image
Moderador
Moderador

Bueno te dije no usos esos codes y nos lo voy a probar al menos hoy pero como eres webmaster al menos por tu nick eso parece, se te debera ocurrir que una parte del code puede ir en el pie creo que esta

codigo
<BODY onLoad="makesnake();MM_preloadImages('tscroll.class','logo.jpg')" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>

<!-- Beginning of JavaScript -


for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>"
document.write(message)
document.write("</span>"
}



if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>

y la otra en la cabecera .

saludos webmasters
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados

pues no hay forma

Avatar Image
Moderador
Moderador

A ver al parecer habia un error, lo puse en la cabecera de mi foro de pruebas http://miarroba.com/foros/ver.php?id=218876
pia y pega el codigo tal cual esta desde donde dice <Head> y hasta donde dice </body>

codigo
<HEAD>
<STYLE>

.spanstyle {

position:absolute;

visibility:visible;

top:-50px;

font-size:8pt;

font-family:Verdana;

font-weight:light;

color:000080;

}

</STYLE>
<script language="JavaScript">
<!--
function MM_displayStatusMsg(msgStr) { //v1.0

status=msgStr;

document.MM_returnValue = true;

}



// ++++++++++++



var x,y

var step=20

var flag=0



var message="ODIO ESTOS EFECTOS "

message=message.split("&quot



var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos=-50

}



var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos=-50

}



function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}



function makesnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y



for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style&quot

thisspan.posLeft=xpos

thisspan.posTop=ypos

}

}



else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y



for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos

thisspan.top=ypos

}

}

var timer=setTimeout("makesnake()",30)

}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#&quot!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}
//-->
</script>
</HEAD>

<BODY onLoad="makesnake();MM_preloadImages('tscroll.class','logo.jpg')" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>

<!-- Beginning of JavaScript -


for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>&quot
document.write(message)
document.write("</span>&quot
}



if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}

document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>
</BODY>


Con el note pad busca donde dice odio estos efectos y lo cambias por tu texto.

Pd.- Y un consejo cambiate de nick, al parecer de webmaster muy poco, no lo tomes a mal pero esa impresión me queda
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Moderador
Moderador

Los caretos salen igual, pero no alteran el codigo.

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados

pues yo no se que coño hago que aún no me aparece, lo pongo en la cabecera y nada

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

Antes de nada, te diré que a mí tampoco me gustan nada estos efectos, es más, me molestan y los suelo deshabilitar en mi browser... dicho esto, te paso este código que vengo de comprobar que SI funciona, aunque sólo lo he probado en el IE. Lo seleccionas, lo copias y lo pegas en el Notepad. Guarda el notepad como .html (no hace falta que pongas ni los tags html, hi head, ni nada... te va a funcionar tal cual est&aacute. Por supuesto, tendrás que cambiar el texto por lo que tú desees.

Espero que sea esto lo que pides:

<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;}
</style>
<script language=JavaScript>
var x,y
var tempo=10
var espera=0

var texto="Coloca el texto aquí "
texto=texto.split("&quot

var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos=-50
}

var ypos=new Array()
for (i=0;i<=texto.length-1;i++) {
ypos=-50
}

function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}

function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos=xpos[i-1]+tempo
ypos=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style&quot
camada.posLeft=xpos
camada.posTop=ypos
}
}

else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos=xpos[i-1]+tempo
ypos=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos
camada.top=ypos
}
}
var timer=setTimeout("animar_cursor()",30)
}

</script>
<script Language=JavaScript>
for (i=0;i<=texto.length-1;i++) {
document.write("<span id='span"+i+"' class='animado'>&quot
document.write(texto)
document.write("</span>&quot
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
</script>

Suerte.



Avatar Image
Come y duerme en el foro
Come y duerme en el foro

Vaya mierda, en este subforo, que por su naturaleza es muy fácil que salgan errores que haya que corregir, van y tienen deshabilitada la función de editar... al menos para mí. Te repito el código a ver si las pu*as caritas se van a tomar por cu*o:

<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;}
</style>
<script language=JavaScript>
var x,y
var tempo=10
var espera=0

var texto="Coloca el texto aquí "
texto=texto.split("&quot

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){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}

function animar_cursor() {
if (espera==1 && document.all) {
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

for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style&quot
camada.posLeft=xpos[i]
camada.posTop=ypos[i]
}
}

else if (espera==1 && document.layers) {
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

for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos[i]
camada.top=ypos[i]
}
}
var timer=setTimeout("animar_cursor()",30)
}

</script>
<script Language=JavaScript>
for (i=0;i<=texto.length-1;i++) {
document.write("<span id='span"+i+"' class='animado'>&quot
document.write(texto[i])
document.write("</span>&quot
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
</script>

Suerte.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

Bueno... no sé de qué me extraño que pase esto estando donde estoy...

Señores de miarroba, se supone que si desmarco las caritas, éstas no deberían salir... PERO SALEN. ¿qué tal si arreglan esto?

Y otra: se supone que si además desmarco lo de Usa codigos mi@, aún menos deberían de salir... PERO SALEN...

Ni un miserable código en un foro de códigos se puede poner decentemente... lo intentaré por última vez, ahora desmarcando las caritas y usando el tag arrobero de code... y si no sale, pues bien, esperaré a que lo arreglen para decir de poner un código otra vez...

Codigo:
<style>
.animado {position:absolute;visibility:visible;top:-50px;font-size:10pt;font-family:Arial;font-weight:bold;color:black;}
</style>
<script language=JavaScript>
var x,y
var tempo=10
var espera=0

var texto="Coloca el texto aquí "
texto=texto.split("&quot

var xpos=new Array()
for (i=0;i<=texto.length-1;i++) {
xpos=-50
}

var ypos=new Array()
for (i=0;i<=texto.length-1;i++) {
ypos=-50
}

function seguir(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
espera=1
}

function animar_cursor() {
if (espera==1 && document.all) {
for (i=texto.length-1; i>=1; i--) {
xpos=xpos[i-1]+tempo
ypos=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("span"+(i)+".style&quot
camada.posLeft=xpos
camada.posTop=ypos
}
}

else if (espera==1 && document.layers) {
for (i=texto.length-1; i>=1; i--) {
xpos=xpos[i-1]+tempo
ypos=ypos[i-1]
}
xpos[0]=x+tempo
ypos[0]=y

for (i=0; i<texto.length-1; i++) {
var camada = eval("document.span"+i)
camada.left=xpos
camada.top=ypos
}
}
var timer=setTimeout("animar_cursor()",30)
}

</script>
<script Language=JavaScript>
for (i=0;i<=texto.length-1;i++) {
document.write("<span id='span"+i+"' class='animado'>&quot
document.write(texto)
document.write("</span>&quot
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = seguir;
animar_cursor()
</script>


Cruzo los dedos...
Avatar Image
Come y duerme en el foro
Come y duerme en el foro

Na, aquí no funciona ná... ni siquiera el poder escribir un mensaje decente.

Pues me rindo, cambia los muñequitos por su equivalente ascii en estos foros...




Avatar Image
Moderador
Moderador

El problema no es de los caretos, si copia el code en un editor no saldran, yo creo que es otra cosa la que esta haciendo mal, pero ni idea de que puede ser .

De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados

Facil.... Todo Esto Se LO COPIAN EN EL TAG <HEAD></HEAD>

EJEMPLO: <HEAD> Aqui Todo El Codigo A Copiar</HEAD>


<!-- Esta parte ba en el TAG HEAD -->

<!-- El Estilo De Las Letras Del Cursor -->
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:8pt;
font-family:Times New Roman;
font-weight:bold;
color:blue;
}
</style>
<!-- Qui Termina El Estilo De Las Letras Del Cursor -->
<script>

var x,y
var step=20
var flag=0

/* Editar mensaje. Importante: no te olvides el espacio al final de la oración!!! */
var message="AQUI VA EL MENSAJE QUE QUIERAS PONER "
message=message.split("&quot

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX :
document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY :
document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style&quot
thisspan.posLeft=xpos
thisspan.posTop=ypos
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}

</script>

<!-- Hasta Aqui Se Copia El Codigo En El TAG HEAD -->


AHORA.... ESTO VA DENTRO EL TAG BODY:

onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll"

Tip: el ( style="width:100%;overflow-x:hidden;overflow-y:scroll" ) es para que no se deforme tu web...

EJEMPLO: <BODY onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">



AHORA PARA QUE SE VEA LAS LETRAS O EL MENSAJE COLOCAN ESTE CODIGO ENTRE LOS TAGS DE <BODY></BODY>


<!-- DESDE QUI BAS A COLOCAR ESTE CODIGO ENTRE LOS TAGS <BODY></BODY>-->

<script>
<!--

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>&quot
document.write(message)
document.write("</span>&quot
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// -->
</script>

<!-- HASTA AQUI FINALISA EL CODIGO -->


EJEMPLO: <BODY> AQUI VA EL CODIGO </BODY>




OJO: en---- /* Editar mensaje. Importante: no te olvides el espacio al final de la oración!!! */
var message="AQUI VA EL MENSAJE QUE QUIERAS PONER "

VAS A PONER EL TEXTO QUE DESEES....

Espero que les sirva de algo y que les aya quedado claro....

SALUDOS ChronoEZ WebMaster...

Avatar Image
Machacateclados
Machacateclados
que rayos, se descomponen los codigos, mejor den click aqui para verlo asi como esta pero en su verdadero codigo:


https://chronoemulazone1.webcindario.com/codigo_cursor.txt

Si no se ve pues mandenme un correo y les paso el codigo con mas detalles....

User 28318
User 28318
Machacateclados
Machacateclados

los muñecos aparecen siempre que escribimos unas comillas y un paréntesis de cierre, o sea &quot; si ponemos " ), o sea, separando las comillas del paréntesis con un espacio en blanco no aparece el muñeco pero nuestro código dará errores; yo también creo que afean, además de molestar, el código.

del código un comentario la sentencia message=message.split("&quot no hace nada, puede que sea message=message.split(" &quot con un espacio en blanco entre las comillas.

salu2

Avatar Image
Machacateclados
Machacateclados

No pos ya me di cuenta

Avatar Image
Machacateclados
Machacateclados

Entonces al final q hago?

Avatar Image
Machacateclados
Machacateclados

Pero q cño es el tagbody

Avatar Image
Moderador
Moderador

Pero no eres webmaster, no se que no puedes hacr, si esta todo claro, copia el codigo en el block de notas y luego lo pones en tu foro y listo, no es mas que eso, eso hice yo y funcionó.

Escrito originalmente por SV.Webmaster
Entonces al final q hago?


Dos opciones te doy:

1° Insistes con el code o
2° Te olvidas de ese efecto para tu foro

Escrito originalmente por SV.Webmaster
Pero q cño es el tagbody
no es un coño, es la etiqueta del cuerpo de un documento html body=cuerpo . Como webmaster debieras saber eso
De interés Público
NO AGREGARME COMO AMIGO, gracias
Asuntos claros en los temas
Consultas en temas no afines serán borradas
Tratemos de expresarnos bien, que así da gusto leer


Avatar Image
Machacateclados
Machacateclados

ahi turiales que te enseñan todo eso, ten un poco de curiocidad y buscalos, ahi demaciados efectos faciles para tu...y que con esos tu web se veria wapa, no trates de aventarte a lo mas complicado, empiesa con un censillo..

Saludos... ChronoEZ WebMaster.

User 28318
User 28318
Machacateclados
Machacateclados

He simplificado el código del script para que haga justamente lo que se pedía inicialmente: un mensaje que siga al cursor. El script que se proponía como solución era un mensaje que seguía al cursor pero que al moverse el cursor hacía que el mensaje dejara una especie de estela (como si fuera una estrela fugaz). No estaba mal pero aunque preparado para IE y Netscape < N6 sólo funcionaba bien en IE y el efecto era bonito solo si el cursor se movía, si el cursor se quedaba quieto se apelotonaban todas las letras y no se podía leer el mensaje (no quedaba más remedio que tener que mover siempre el cursor para poder leer algo). En resumidas cuentas, ahora no hay efecto estela y funciona con Netscape < N6, IE y Opera 7 (pero no funciona con N6 o N7 o Mozilla).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<STYLE>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:8pt;
font-family:Verdana;
font-weight:light;
color:000080;
}

</style>
<script language="JavaScript">
<!--
var x,y
var step=20
var flag=0
var message="salon del verso"
xpos=-50
ypos=-50

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
xpos=x+step
ypos=y
var thisspan = eval("span.style");
thisspan.posLeft=xpos
thisspan.posTop=ypos
}
else if (flag==1 && document.layers) {
xpos=x+step
ypos=y
var thisspan = eval("document.span")
thisspan.left=xpos
thisspan.top=ypos
}
var timer=setTimeout("makesnake()",30)

}
//-->
</script>
</head>

<BODY onLoad="makesnake();">
<script>
<!-- Beginning of JavaScript -
document.write("<span id='span' class='spanstyle'>")
document.write(message)
document.write("</span>")
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>
</html>


salu2



GRACIAS POR ARREGLAR LO DE LOS MUÑEQUITOS...

Avatar Image
Machacateclados
Machacateclados

todo lo copio en el encabezado?

User 28318
User 28318
Machacateclados
Machacateclados

Bien, veamos:

- lo que va entre las etiquetas <head> ... </head> es:

<STYLE>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:8pt;
font-family:Verdana;
font-weight:light;
color:000080;
}

</style>
<script language="JavaScript">
<!--
var x,y
var step=20
var flag=0
var message="salon del verso"
xpos=-50
ypos=-50

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
xpos=x+step
ypos=y
var thisspan = eval("span.style&quot;
thisspan.posLeft=xpos
thisspan.posTop=ypos
}
else if (flag==1 && document.layers) {
xpos=x+step
ypos=y
var thisspan = eval("document.span&quot
thisspan.left=xpos
thisspan.top=ypos
}
var timer=setTimeout("makesnake()",30)

}
//-->
</script>

- lo que va entre las etiquetas <body> ... </body> es:

<script>
<!-- Beginning of JavaScript -
document.write("<span id='span' class='spanstyle'>&quot
document.write(message)
document.write("</span>&quot
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// - End of JavaScript - -->
</script>

- finalmente, no se te olvide añadir onLoad="makesnake();" como atributo de <body>, o sea, <body onLoad="makesnake();">

salu2

Avatar Image
Machacateclados
Machacateclados

y otra vez los monitos

Avatar Image
Machacateclados
Machacateclados

A pero yo no quiero que siempre este quieta la frase, saben a lo que me refiero?quiero que cuando se mueva mucho el cursos se muevan todas las letras y eso, por favor copienmelo pero sin caritas y en color blanco, y si sale bien ya no les molesto más.

Avatar Image
Machacateclados
Machacateclados

Solo le tienes que cambiar el estilo de letra, que esta en el principio del script... en Style

puedes poner el tipo de letra, digamos Arial...

y pues para cambiarle el color solo le tienes que poner el nombre del color en ingles es decir:

blanco = white
verde = green
rosa = pink
Azul = blue

o tambien en codigo:

blanco = #FFFFFF
Negro = #000000
Azul = #0000FF
Rojo = #FF0000


trata de practicarlo...

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares