-->

Saturday 6 July 2013

1 How To Add Flying Letter On Mouse Cursor



Hello Friends Welcome In SMD (SHOWMEDREAMS).So Today I am Going TO SHow You How To Add Flying Letter On Mouse Cursor.So Follow My Steps....................



  • First Login Your Blogger Account



  • Click On Layout 



  • Now Click On Add Gadget And Select HTML/JAVASCRIPT



  • Now Paste The Below Code


<script language="javascript"> // ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE. var text='www.showmedreams.blogspot.com'; var delay=40; // SPEED OF TRAIL var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT) var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP) var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC. var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED. //********** NO NEED TO EDIT BELOW HERE **********\ 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>


  • Change Orange Text With Your Text



  • Now Save Your HTML/JAVASCRIPT


Yipeeeeeeeeeeeeeeeee............................. Check Your Blog


  • Please Leave Your Question And Comment Below
Share this article :
Samarth Agarwal (Admin)
Posted By: Samarth Agarwal

Samarth Agarwal is the owner and founder of showmedreams.blogspot.com. I love to blogging,I like to learn and share technical hacking/security tips with you.

1 comments:

  1. Your posts are great. I hope that more and more people will start reading your blog.
    Lexy

    ReplyDelete

Before Publishing Your Comment Please Click On Subscribe Button To Get Comments Update Direct Your Email

Subscribe via email

Subscribe via Email
 

Hi! Myself Samarth Agarwal (Pro Blogger and an addicted Web Developer)
1st of All I would like to thanks to all Followers and our lovely Visiters... Read More

Make Dashing Your Blog Copyright © 2016- All Rights Reserved
Designed by: Samarth Agarwal | Powered by: Showmedreams(SMD)