• Home
  • Forum
  • Fare Web
  • Javascript

Waving Text Trailer

  • Creatore Discussione Creatore Discussione JavaScriptBank
  • Data di inizio Data di inizio 22 Mag 2010
J

JavaScriptBank

Bannato
26 Nov 2009
86
0
0
  • 22 Mag 2010
  • #1
This JavaScript codecan be used to be that a mouse cursor pointer was just a mouse cursor. Since DHTML came along and gave programmers the ability to track the precise coordinates of the mouse, it was... detail at JavaScriptBank.com - 2.000+ free JavaScript codes


Demo: JavaScript Waving Text Trailer
​

How to setup

Step 1: Use CSS code below for styling the script
CSS
Codice:
<STYLE>.spanstyle {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana; POSITION: absolute; TOP: -50px
}
</STYLE>

Step 2: Place JavaScript below in your HEAD section
JavaScript
Codice:
<SCRIPT>

/*
Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/)
Permission given to Dynamicdrive.com to feature script in it's archive.
*/

var moves=17
var tracker=0
var xpos
var ypos
var cursortext='JavaScriptBank.com - Bank of over 2000+ free JavaScript'
cursortext=cursortext.split("")

function setup() {
	if (tracker==1 && document.all) {
    	for (i=cursortext.length-1; i>=1; i--) {
   			xposition[i]=xposition[i-1]+moves
			yposition[i]=yposition[i-1]
    	}
		xposition[0]=xpos+moves
		yposition[0]=ypos
	
		for (i=0; i<cursortext.length-1; i++) {
    		var thisspan = eval("span"+(i)+".style")
    		thisspan.posLeft=xposition[i]
			thisspan.posTop=yposition[i]
    	}
	}
	
	else if (tracker==1 && document.layers) {
    	for (i=cursortext.length-1; i>=1; i--) {
   			xposition[i]=xposition[i-1]+moves
			yposition[i]=yposition[i-1]
    	}
		xposition[0]=xpos+moves
		yposition[0]=ypos
	
		for (i=0; i<cursortext.length-1; i++) {
    		var thisspan = eval("document.span"+i)
    		thisspan.left=xposition[i]
			thisspan.top=yposition[i]
    	}
	}
		var timer=setTimeout("setup()",40)
}

function MouseMovement(e)
{
	xpos = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
	ypos = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
	tracker=1
}

var xposition=new Array()
for (i=0;i<=cursortext.length-1;i++) {
	xposition[i]=-50
}

var yposition=new Array()
for (i=0;i<=cursortext.length-1;i++) {
	yposition[i]=-50
}

/*hieu ung di chuyen chuot*/

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

if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = MouseMovement;
</SCRIPT>

Step 3: Place HTML below in your BODY section
HTML
Codice:
<BODY onload=setup()>
</body>






Command to print web page in javascript - Javascript Time Picker - JavaScript Go To URL Box​
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

Rich Text Editor, quale?
  • MarcoGrazia
  • 2 Dic 2022
  • Javascript
Risposte
1
Visite
2K
Javascript 7 Dic 2022
otto9due
Input text: accetta solo numeri e non può essere vuoto.
  • otto9due
  • 6 Mar 2022
  • Javascript
Risposte
9
Visite
4K
Javascript 8 Mar 2022
otto9due
F
Leggere e aggiornare dati di campi <input text> su file di test
  • Filippos
  • 18 Feb 2021
  • PHP
Risposte
0
Visite
787
PHP 18 Feb 2021
Filippos
F
M
  • Bloccata
non static method cannot be referenced from a static context
  • m.pittini
  • 8 Feb 2021
  • Java
Risposte
1
Visite
1K
Java 8 Feb 2021
Max 1
D
modificare questo codice per inserimento in text e non in tabella
  • Domenico2013
  • 22 Ott 2020
  • jQuery
Risposte
1
Visite
3K
jQuery 23 Ott 2020
Domenico2013
D
D
assegnare risultato di una jquery ad una text
  • Domenico2013
  • 18 Ott 2020
  • Javascript
Risposte
2
Visite
1K
Javascript 20 Ott 2020
Domenico2013
D
D
error text in table
  • dieg0001
  • 13 Lug 2020
  • HTML e CSS
Risposte
11
Visite
2K
HTML e CSS 22 Lug 2020
MarcoGrazia
E
Problema motore di ricerca FULL_TEXT
  • Emperor
  • 19 Mag 2020
  • PHP
Risposte
0
Visite
1K
PHP 19 Mag 2020
Emperor
E
G
Impostare suggerimenti campo text di un form
  • GioGio2020
  • 20 Apr 2020
  • Javascript
Risposte
2
Visite
3K
Javascript 24 Apr 2020
Leonardo Scotti
L
R
uploader di immagini e text
  • rino2002
  • 15 Mar 2020
  • PHP
Risposte
0
Visite
902
PHP 15 Mar 2020
rino2002
R
text box + post php con IE si comporta in modo strano
  • moustache
  • 10 Mar 2020
  • PHP
Risposte
16
Visite
3K
PHP 13 Mag 2020
WmbertSea
F
if :contains text do action
  • Fabio90
  • 27 Ott 2019
  • jQuery
Risposte
0
Visite
2K
jQuery 27 Ott 2019
Fabio90
F
P
[PHP] Inserire stringhe in input(text),memorizzarle e stamparle in file successivo
  • pizzettino
  • 3 Apr 2019
  • PHP
Risposte
0
Visite
3K
PHP 3 Apr 2019
pizzettino
P
D
[Javascript] Text area visibile
  • Daniele Bocedi
  • 24 Set 2018
  • Javascript
Risposte
0
Visite
2K
Javascript 24 Set 2018
Daniele Bocedi
D
D
[Javascript] [HTML] Evidenziare testo di una text
  • Domenico2013
  • 20 Ago 2018
  • Javascript
Risposte
1
Visite
3K
Javascript 20 Ago 2018
Domenico2013
D
R
How to add text watermark direct on the HTML page?
  • RuthMcNabb22
  • 24 Lug 2018
  • HTML e CSS
Risposte
1
Visite
1K
HTML e CSS 24 Lug 2018
Max 1
M
[Javascript] Visualizza contenuto file XML aggiornato con text scroll
  • Melaz Entertainment
  • 23 Ott 2017
  • Javascript
Risposte
0
Visite
2K
Javascript 23 Ott 2017
Melaz Entertainment
M
[PHP] Input text dopo sue select
  • eraclio666
  • 7 Lug 2017
  • PHP
Risposte
4
Visite
2K
PHP 24 Lug 2017
bubino8
V
[PHP] Problema gettext (Accetto alternative...)
  • Varnish
  • 11 Mag 2017
  • PHP
Risposte
1
Visite
1K
PHP 11 Mag 2017
Varnish
V
[Javascript] [HTML] risultato imput dentro text area
  • trattorino
  • 7 Apr 2017
  • Javascript
Risposte
2
Visite
2K
Javascript 8 Apr 2017
criric
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?