DIỄN ĐÀN TỰ ĐỘNG HÓA - TNUT
Hiện tại bạn đang là khách viếng thăm DIỄN ĐÀN TỰ ĐỘNG HÓA - TNUT – Nơi Hội Tụ Các Kỹ Sư Tự Động Hoá. Nếu chưa có tài khoản, xin mời bạn Click chuột vào nút Đăng Ký bên dưới hoặc Click vào nút Đăng Nhập nếu bạn đã là thành viên chính thức để hưởng trọn quyền lợi của Diễn Đàn dành cho bạn. Mọi thắc mắc liên hệ với Ban Quản Trị qua địa chỉ: sachtvc@gmail.com hoặc ntn_songcong@gmail.com.
Cảm ơn bạn đã ghé thăm Diễn Đàn của chúng tôi!
Lưu ý: Bạn chỉ được phép sử dụng Tiếng Việt có dấu hoặc Tiếng Anh trên Diễn Đàn và chỉ có thành viên mới được quyền viết bài, nhận xét trên Diễn Đàn!
Chúc bạn thu được nhiều kiến thức từ việc tham gia Diễn Đàn của chúng ta!

Code tạo chữ chạy quanh chuột

Go down

default Code tạo chữ chạy quanh chuột

Bài gửi by admin on Sat Apr 24, 2010 10:26 am





type="text/javascript">


;(function(){


var msg =
"Trần Văn Sách - K41TĐH4";


var size = 18;


var circleY =
0.75; var circleX = 2;


var letter_spacing
= 5;


var diameter = 10;


var rotation =
0.7;


var speed = 0.5;






////////////////////// Stop Editing //////////////////////





if
(!window.addEventListener && !window.attachEvent ||
!document.createElement) return;





msg =
msg.split('');


var n = msg.length
- 1, a = Math.round(size * diameter * 0.208333), currStep = 20,


ymouse = a *
circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],


o =
document.createElement('div'), oi = document.createElement('div'),


b =
document.compatMode && document.compatMode != "BackCompat"?
document.documentElement : document.body,





mouse =
function(e){


e = e ||
window.event;


ymouse =
!isNaN(e.pageY)? e.pageY : e.clientY; // y-position


xmouse =
!isNaN(e.pageX)? e.pageX : e.clientX; // x-position


},





makecircle =
function(){ // rotation/positioning


if(init.nopy){


o.style.top = (b || document.body).scrollTop
+ 'px';


o.style.left = (b
|| document.body).scrollLeft + 'px';


};


currStep -=
rotation;


for (var d, i = n;
i > -1; --i){ // makes the circle


d =
document.getElementById('iemsg' + i).style;


d.top =
Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15)
+ 'px';


d.left =
Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) +
'px';


};


},





drag = function(){
// makes the resistance


y[0] = Y[0] +=
(ymouse - Y[0]) * speed;


x[0] = X[0] +=
(xmouse - 20 - X[0]) * speed;


for (var i = n; i
> 0; --i){


y[i] = Y[i] +=
(y[i-1] - Y[i]) * speed;


x[i] = X[i] +=
(x[i-1] - X[i]) * speed;


};


makecircle();


},





init = function(){ // appends message divs,
& sets initial values for positioning arrays



if(!isNaN(window.pageYOffset)){


ymouse +=
window.pageYOffset;


xmouse +=
window.pageXOffset;


} else init.nopy =
true;


for (var d, i = n;
i > -1; --i){


d =
document.createElement('div'); d.id = 'iemsg' + i;


d.style.height =
d.style.width = a + 'px';



d.appendChild(document.createTextNode(msg[i]));


oi.appendChild(d);
y[i] = x[i] = Y[i] = X[i] = 0;


};


o.appendChild(oi);
document.body.appendChild(o);


setInterval(drag,
25);


},





ascroll =
function(){


ymouse +=
window.pageYOffset;


xmouse +=
window.pageXOffset;



window.removeEventListener('scroll', ascroll, false);


};





o.id =
'outerCircleText'; o.style.fontSize = size + 'px';





if
(window.addEventListener){



window.addEventListener('load', init, false);



document.addEventListener('mouseover', mouse, false);



document.addEventListener('mousemove', mouse, false);


if
(/Apple/.test(navigator.vendor))



window.addEventListener('scroll', ascroll, false);


}


else if
(window.attachEvent){



window.attachEvent('onload', init);



document.attachEvent('onmousemove', mouse);


};





})();





Nhớ Edit lại phần chữ bạn muốn hiển thị nhé! nếu chỗ nào chưa hiểu thì pm cho mình nhé!


Samsung Vietnam
Mobile:  0979.693.254
Email: [You must be registered and logged in to see this link.]
avatar
admin
Quản Trị
Quản Trị

Gia nhập : 10/09/2009
Giới tính : Nam
Số bài : 247
Điểm : 872
Được cám ơn : 22
Quê quán : Bắc Giang
Châm ngôn : Hạnh phúc là có một việc gì đó để làm, một người nào đó để yêu và một điều gì đó để hi vọng...

Xem lý lịch thành viên http://www.transach.cntt.in

Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết