Gốc > BÀI VIẾT > CODE >

CODE CHỮ CHẠY THEO CHUỘT

<script language="javascript" type="text/javascript">

var text='CHÚC MỪNG BẠN ĐÃ ĐẾN VỚI PHƯƠNG';

var delay=22;
var Xoff=0;
var Yoff=10;
var txtw=8;
var beghtml='<font color="red"><b>';
var endhtml='<\/b><\/font>';
ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';
for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '<\/layer>' : '<\/div>';
}
document.write(t);
function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}
function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}
function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}
function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}
function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}
window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>
Nhắn tin cho tác giả
Trần Phương @ 21:49 01/02/2011
Số lượt xem: 2927
Số lượt thích: 0 người
Avatar
Thầy Phương ơi ! dán đoạn code này vào đâu !?
Trần Quốc Hưng @ 20h:46p 23/04/11
Avatar
Các code bạn dán vào khối chính hoặc khối chức năng đều được. muốn nó khong hiển thị nhiều khối quá bạn dán trung vào 1 khối nhé. có vấn đề gì bạn cú hỏi nhé
Trần Phương @ 21h:09p 23/04/11
Avatar
Cảm ơn thầy nhiều. Chắc còn làm phiền thầy nghe !
Trần Quốc Hưng @ 21h:27p 23/04/11
Avatar
CHÚC CHỦ NHÀ NGÀY NGHĨ AN LÀNH
Lê Bá Thân Thương @ 11h:48p 24/04/11
Avatar
trả lời thầy Hưng. bài viết tạo giao diện riêng do thầy Nhật Lam gửi có thể thầy đã xóa ảnh đó trên hot của thầy nên không hiển thị được ảnh. Muốn tạo giao diện riêng thầy gửi ý kiến em xẽ hướng dẫn thầy cụ thể
Trần Phương @ 12h:44p 24/04/11
 
Gửi ý kiến