code Hieu úng Chữ chạy Quanh Chuột

[Kaito Kid]

ko biết có ai chia sẽ code này chưa, Search với key word nhưg ko thấy nên Post lên cho vui, nếu có rồi xin mod, admin lock or del dùm,
DeMo : bên forum mình ấy
dùng FF hiện nhanh hơn, IE chờ một lúc mới lên

Code:

<style type="text/css">
#outerCircleText {
font-weight: bold;
font-family: 'times new roman';
color: #FF00BF;
position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
#outerCircleText div {position: relative;}
#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
</style>
<script type="text/javascript">
;(function(){
var msg = "Ninh Chau  -  Quang Binh";
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);
};
 
})();
 
</script>




[nhocproc2]

Chèn vào đâu vậy bạn :S

[Kisame]

chèn vào css.
Cảm ơn bạn kid, khá bổ ích

[tavietanh]

em chèn vào ko thấy nó hiện ra : : ai chỉ em với

[duong8x]

đúng đó tui chèn dô rồi mờ nó ko hiện ra ????

[kunileo]

ũa sao kì vậy bạn làm không được bạn ơi chỉ rõ ràng đi

[Rol3k]

Chưa test code nhưng cái đó ko phải để chèn vào CSS đâu các bạn chèn vào homepage hoặc trong head hoặc FT

[angel_friendship]

Hay cái này dc đấy. vote

[Kaito Kid]

Dan code do vao ACP>DisLay >Homepage >Generalities>Homepage message > OK

Sorry wuen huong dẩn các bạn chèn vào đâu

[tavietanh]

vậy mà kêu chèn vào CSS, chèn vào home có hiện trong topic ko, chèn vào hình như nó ấn đường link hơi chậm thì phải

[goldenfish]

Code:

<script>
var msg='http://www.thptdoanket.info';
 
var font='Verdana,Arial';
var size=2;
var color='#FF00FF';
var speed=.1;
var rotation=.2;
var ns=(document.layers);
var ie=(document.all);
var msg=msg.split('');
var n=msg.length;
var a=size*15;
var currStep=0;
var ymouse=0;
var xmouse=0;
var scrll=0;
var Text="<font face="+font+" size="+size+" color="+color+">";
 
if (ie)
window.pageYOffset=0
 
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+Text+msg[i]+'</font></center></layer>');
}
if (ie){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a +';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+Text+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
 
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y;
xmouse = (ns)?evnt.pageX+20:event.x-20;
}
 
if (ns||ie)
(ns)?window.onMouseMove=Mouse:document.onmousemove =Mouse;
y=new Array();
x=new Array();
Y=new Array();
X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}
 
function Rotate(){
if (ie) outer.style.top=document.body.scrollTop;
currStep-=rotation;
for (i=0; i < n; i++){
var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2;
}
}
 
function MouseText(){
scrll=(ns)?window.pageYOffset:0;
y[0]=Math.round(Y[0]+=((
ymouse)-Y[0])*speed*5);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed*5);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
 
}
Rotate();
setTimeout('MouseText()',10);
}
if (ns||ie)window.onload=MouseText;
</script>

thêm 1 cái nè


demo : http://09ct.undo.it/html-h9.htm


only work at IE

[Sponsored content]