« »

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 (4)
Write

by k7rong, 28/08/2008 05:08 AM
hỏi

làm sao có thể tạo da dòng chữ xoay quanh chuột trên blog

by Cao Phong, 29/08/2008 04:08 AM
bạn cài vào template

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, 30/11/2008 07:11 PM
làm sao để cài code vào template, têmplat ở chổ nào

bạn hãy hướng dẫn chi tiết đi

by Cao Phong, 01/12/2008 06:12 PM

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é