FREE CODE Friday, 10.20.2017, 0:35 AM
Main | Registration | Login Welcome Guest | RSS
[ New messages · Members · Forum rules · Search · RSS ]
۞Forum Statistics۞
NEW TOPPIV
HOT TOPPIC
TOP MEMBERS
NEW MEMBERS
  • check code here Have(0) reviews faxuhi
  • Keywords meta Tags Have(0) reviews faxuhi
  • text box Have(0) reviews faxuhi
  • Page description Have(0) reviews faxuhi
  • marquee Have(0) reviews faxuhi
  • print your page Have(0) reviews faxuhi
  • choose your country Have(0) reviews faxuhi
  • check all - unchek all Have(0) reviews faxuhi
  • shadow text Have(0) reviews faxuhi
  • Beautiful text two Have(0) reviews faxuhi
  • Nice menu with java script <p1> Have(2) reviews faxuhi
  • Mouse Clock Have(1) reviews faxuhi
  • HTML table placeholder Have(0) reviews faxuhi
  • Html graphic bullets Have(0) reviews faxuhi
  • Different times of the world by the users choice from a list Have(0) reviews faxuhi
  • Mouseover Alert HTML Script Have(0) reviews faxuhi
  • Redirect to another page and link automatically to other pg Have(0) reviews faxuhi
  • Combo box link box to browse your website easily Have(0) reviews faxuhi
  • Message to user by clicking a button Have(0) reviews faxuhi
  • Background changing color effect Have(0) reviews faxuhi
  • faxuhi[189]Bài
  • mcsnagger0022[0]Bài
  • thinknoodles[0]Bài
  • karaganis888[0]Bài
  • faxuhi [189]Bài
  • mcsnagger0022 [0]Bài
  • thinknoodles [0]Bài
  • karaganis888 [0]Bài
  • Page 1 of 11
    Forum » Web Javascript » Text around mouse » Text around mouse
    Text around mouse
    faxuhiDate: Sunday, 07.24.2011, 12:45 PM | Message # 1
    Colonel
    Group: Administrators
    Messages: 189
    Reputation: 0
    Status: Offline
    Code
    <!-- START OF Mouse Cursor Text Trailer DHTML -->

    <!-- SUMMARY BRIEF

      This DHTML script will make a text message follow
      your cursor around the screen. You can change the
      message to say whatever you want.

      You can change the font face, color and size in
      the .trailersytle tag below. You can change the message
      in the javascript below that. Just look for the  
      comment that says "Insert your personal message below."

    -->

    <!-- Put this portion of the script inside of your <HEAD> tag -->

    <style>
    .trailerstyle {
      position: absolute;
      visibility: visible;
      top: -50px;
      font-size: 12px;
      font-family: Arial,Helvetica,Verdana;
            font-weight: bold;
      color: #000000;
    }
    </style>

    <script>
    <!--

    var x,y
    var step=20
    var flag=0

    // Insert your personal message below.
    // Important: Do NOT remove the space at the end of the sentence!!!

    var message=" www.javascriptfreecode.com "
    message=message.split("")

    var xpos=new Array()
    for (i=0;i<=message.length-1;i++) {
      xpos[i]=-50
    }

    var ypos=new Array()
    for (i=0;i<=message.length-1;i++) {
      ypos[i]=-50
    }

    function handlerMM(e){
      x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
      y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
      flag=1
    }

    function mousetrailer() {
      if (flag==1 && document.all) {
          for (i=message.length-1; i>=1; i--) {
           xpos[i]=xpos[i-1]+step
        ypos[i]=ypos[i-1]
          }
       xpos[0]=x+step
       ypos[0]=y
       
       for (i=0; i<message.length-1; i++) {
           var thisspan = eval("span"+(i)+".style")
           thisspan.posLeft=xpos[i]
        thisspan.posTop=ypos[i]
          }
      }
       
      else if (flag==1 && document.layers) {
          for (i=message.length-1; i>=1; i--) {
           xpos[i]=xpos[i-1]+step
        ypos[i]=ypos[i-1]
          }
       xpos[0]=x+step
       ypos[0]=y
       
       for (i=0; i<message.length-1; i++) {
           var thisspan = eval("document.span"+i)
           thisspan.left=xpos[i]
        thisspan.top=ypos[i]
          }
      }
       var timer=setTimeout("mousetrailer()",30)
    }

    //-->
    </script>

    <!-- Put this code inside of your <BODY> tag. -->

    <script>
    <!--

    for (i=0;i<=message.length-1;i++) {
         document.write("<span id='span"+i+"' class='trailerstyle'>")
      document.write(message[i])
         document.write("</span>")
    }

    if (document.layers){
      document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = handlerMM;

    //-->
    </script>

    <!-- Lastly, insert the following into the <BODY> tag, itself, just like the example that follows. -->

    example:
    <body onLoad="mousetrailer()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

    <!-- END OF Mouse Cursor Text Trailer DHTML -->
     
    Forum » Web Javascript » Text around mouse » Text around mouse
    Page 1 of 11
    Search:

    Copyright MyCorp © 2017 Website builderuCoz