Group Blog
 
<<
พฤษภาคม 2556
 1234
567891011
12131415161718
19202122232425
262728293031 
 
31 พฤษภาคม 2556
 
All Blogs
 
ข้อความวิ่งตามเมาส์


<script language="javascript">
var text='ข้อความที่ต้องการแสดง';
var delay=40; // ความเร็วของหาง
var Xoff=0; // จำนวนพิกเซลนับจากด้านซ้ายของเคอเซอร์  (ถ้าค่าเป็น - ตัวอักษรจะอยู่ด้านซ้ายของเมาส์)
var Yoff=-30; // จำนวนพิกเซลนับจากด้านบนของเคอเซอร์ (ถ้าค่าเป็น - ตัวอักษรจะอยู่ด้านบนของเมาส์)
var txtw=10; // ระยะห่างระหว่างตัวอักษร
var beghtml='<font color="#00ccff"><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>




Create Date : 31 พฤษภาคม 2556
Last Update : 31 พฤษภาคม 2556 19:25:56 น. 2 comments
Counter : 3404 Pageviews.

 
code วางตรงไหนครับ


โดย: mmsharif IP: 192.99.14.36 วันที่: 22 สิงหาคม 2558 เวลา:15:54:19 น.  

 
เน่ามากกกกกกกกกกกกก


โดย: ดเ้ IP: 183.88.46.228 วันที่: 4 ตุลาคม 2560 เวลา:14:33:28 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 

yaovarit
Location :
กรุงเทพฯ Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 33 คน [?]




New Comments
Friends' blogs
[Add yaovarit's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.