« »

CROSSBROWSER cursor trailer script that automatically generates a fading-out effect based upon the length of your trailing message. Unlike other trailor scripts this one operates with words rather than letters. This allows you to use longer messages without slowing down the script.

Label: First longtext cursor trailer with fading out effect

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
CSS
JavaScript
HTML
Print

Copy All x2

<STYLE>.spanstyle {
	FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</STYLE>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<SCRIPT>
// CONFIGURATION:
// 1.	Delete the <DIV>block with the id "delethethisblock" 
// 2.	Save the rest of the code as HTML-file.
// 3. 	Configure font-size, font-family etc. inside the <style>-block
// 4.   Configure the variables below.

// Your trailing message.
var message="FIRST LONGTEXT CURSOR TRAILER WITH FADING-OUT EFFECT! "
message=message.split(" ")

// Well, now comes the tricky part of the script! The only one! The variables
// 'step' and 'stepbasic' configure the space between your words. Depending on 
// font-family and font-size you have to change their values by trial and error.
var step=8 
var stepbasic=8

// Do not edit the varianles below
var x,y
var flag=0
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
	xpos[i]=-100
}

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

var spacebetweenwords=new Array()
for (i=0;i<=message.length-1;i++) {
	spacebetweenwords[i]=stepbasic+step*message[i].length-1
}

var colorstep=Math.round(255/message.length-1)

var colorrgb=new Array()
for (i=0;i<=message.length-1;i++) {
	colorrgb[i]=i*colorstep
}

var wordcolor=new Array()
for (i=0;i<=message.length-1;i++) {
    var colhex_left = Math.floor(colorrgb[i]/16)
    var colhex_right= colorrgb[i]-(colhex_left*16)
    if (colhex_left == 10) {colhex_left="A"}
    if (colhex_left == 11) {colhex_left="B"}
    if (colhex_left == 12) {colhex_left="C"}
    if (colhex_left == 13) {colhex_left="D"}
    if (colhex_left == 14) {colhex_left="E"}
    if (colhex_left == 15) {colhex_left="F"}  
    if (colhex_right == 10) {colhex_right="A"}
    if (colhex_right == 11) {colhex_right="B"}
    if (colhex_right == 12) {colhex_right="C"}
    if (colhex_right == 13) {colhex_right="D"}
    if (colhex_right == 14) {colhex_right="E"}
    if (colhex_right == 15) {colhex_right="F"}    
    wordcolor[i] =""+colhex_left+colhex_right
}

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[i]=xpos[i-1]+spacebetweenwords[i-1]
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+stepbasic
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("span"+(i)+".style")
    		thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    	}
	}
	
	else if (flag==1 && document.layers) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+spacebetweenwords[i-1]
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+stepbasic
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("document.span"+i)
    		thisspan.left=xpos[i]
			thisspan.top=ypos[i]
    	}
	}
		var timer=setTimeout("makesnake()",30)
}

</SCRIPT>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<BODY onload=makesnake()>
<SCRIPT>
<!-- Beginning of JavaScript -

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

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

// - End of JavaScript - -->
</SCRIPT>
</body>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Comment (2)
Write

by tuyen, 22/05/2010 01:05 AM
cho em hoi Reply

em cho vào trang web rùi nhưng nó không theo con trỏ đến toàn trang web,chỉ đựoc phần trên thui.bây gio lam sao???chinh mấy thông số mà không đuọc,

by Cao Phong, 22/05/2010 08:05 AM
bạn cần sửa x,y trong hàm handlerMM Reply

mấy thông số về tọa độ của script này nằm trong hàm Code:

handlerMM

, bạn chịu khó xem các script về tọa độ khác để có cách điều chỉnh thích hợp nhé

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

javascriptbank.com javascripton.com gomy.mobi gomymobi.com index.services this.bid CryptoKD.com pornID.net war.money ChatTotal.com ABP3.com XMQV.com system.money choose.works CTRCoin.com CoinHolo.com YeuNu.com ApexBTC.com Card.rip ZWVQ.com eChainBank.com ChainTutor.com choose.exchange CreditCard.rip

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Peter Gehrig [more]
4,765
2
0
0
5.48 KBytes

JavaScript First longtext cursor trailer with fading out effect

0/5 0 votes / 4,765 previews / 2 comment 30/01/2007 CROSSBROWSER cursor trailer script that automa...JavaScript First longtext cursor trailer with fading out effect - First longtext cursor trailer with fading out effect

azzasasa Cao Phong[2] stone18k dracubong thao_lovely

Let's be first member to do this

minhtam10x