ieoBIN.com - The Best IEO List to Discover, Invest in 2019

« »

Have a textual message circle your mouse cursor and follow it around using this DHTML script.

Label: Circling text trail 2

Demo
Enlarge
Reload
New window

Code
JavaScript
Print

Copy All x2

<SCRIPT language=JavaScript>
<!-- Begin
if (document.all) {
//Things you can alter
yourLogo = " JavaScriptBank.com -  Bank of over 2000+ free JavaScript";  //Not less than 2 letters!
logoFont = "Verdana";
logoColor = "#FF6600";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 50;
logoHeight = -30;
ypos = 0;

xpos = 0;

step = 0.10;

currStep = 0;

document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');

for (i = 0; i < L; i++) {

document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'

+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'

+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');

}

document.write('</div></div>');

function Mouse() {

ypos = event.y;

xpos = event.x - 5;

}

document.onmousemove=Mouse;

function animateLogo() {

outer.style.pixelTop = document.body.scrollTop;

for (i = 0; i < L; i++) {

ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);

ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);

Sz[i] = ie[i].style.pixelTop - ypos;

if (Sz[i] < 5) Sz[i] = 5;

ie[i].style.fontSize = Sz[i] / 1.7;

}

currStep -= step;

setTimeout('animateLogo()', 20);

}

window.onload = animateLogo;

}

//  End -->

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

Comment (7)
Write

by k7rong, 28/08/2008 07:08 PM
há»i Reply

lÃ m sao cÃ³ thá»ƒ táº¡o da dÃ²ng chá»¯ xoay quanh chuá»™t trÃªn blog

by Cao Phong, 29/08/2008 06:08 PM
báº¡n cÃ i vÃ o template Reply

báº¡n chá»‰ cáº§n cÃ i cÃ¡c code trong pháº§n MÃ£ nguá»“n vÃ o pháº§n ná»™i dung cá»§a cÃ¡c template lÃ Ä‘Æ°á»£c

by coitrom, 01/12/2008 10:12 AM
lÃ m sao Ä‘á»ƒ cÃ i code vÃ o template, tÃªmplat á»Ÿ chá»• nÃ o Reply

báº¡n hÃ£y hÆ°á»›ng dáº«n chi tiáº¿t Ä‘i

by Cao Phong, 02/12/2008 09:12 AM
Reply

má»—i forum sáº½ cÃ³ cÃ¡ch quáº£n lÃ vÃ chá»‰nh sá»a template khÃ¡c nhau, Ä‘á»ƒ biáº¿t cÃ¡ch lÃ m báº¡n vui lÃ²ng tÃªn Google tÃ¬m vá»›i cá»¥m tá»« khoÃ¡ "chá»‰nh sá»a template" + tÃªn forum giÃºp nhÃ©

by peepk.com, 07/12/2012 11:12 AM
Reply

Váº«n khÃ´ng cháº¡y Ä‘Æ°á»£c trÃªn FF. :(

by Cao Phong, 08/12/2012 10:12 AM
script Ä‘Ã£ khÃ´ng Ä‘Æ°á»£c cáºp nháºt @ peepk.com Reply

jsB@nk sáº½ cá»‘ gáº¯ng chá»‰nh sá»a, cáºp nháºt báº£n má»›i nháº¥t cho báº¡n

hiá»‡n táº¡i báº¡n cÃ³ thá»ƒ dÃ¹ng báº£n update bÃªn dÆ°á»›i nÃ y Ä‘á»ƒ cháº¡y tá»‘t trÃªn Opera & IE, FF sáº½ káº¿ tiáº¿p
Code:

function Mouse(mouseEvent) {
	if (mouseEvent)
	{
	    //FireFox
	    xpos = mouseEvent.screenX;
	    ypos = mouseEvent.screenY;
    }
    else
    {
	    //IE
	    xpos = window.event.screenX;
	    ypos = window.event.screenY;
    }
    xpos -= 5;
}

by dang ky nhan hieu, 11/12/2012 01:12 AM
CÃ¡m Æ¡n Reply

CÃ¡m Æ¡n báº¡n

BÃ i viáº¿t há»¯u Ãch

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 (1)
New

BBCode
HTML
URL
JID

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

30/01/2007
Unknown [more]
6,357
7
8
1
3.44 KBytes

JavaScript Circling text trail 2

3.1/5 8 votes / 6,357 previews / 7 comment 30/01/2007 Have a textual message circle your mouse cursor and fol...JavaScript Circling text trail 2 - Circling text trail 2

Cao Phong[3] kevotinh0176[2] tthqt loihtl cqnquang[2] thaiquocanh[4] thaihoa vutienloc99[2] quoctuan vincen