A Flash Developer Resource Site

Results 1 to 3 of 3

Thread: text follow mouse cursor problem

  1. #1
    Member
    Join Date
    Aug 2000
    Posts
    34

    Question

    Can anyone help me with the scripting for getting text to follow the mouse cursor around the page?

    I want each letter to follow individually and then line up when the cursor is still. Any ideas?

  2. #2
    Senior Member
    Join Date
    Aug 2000
    Posts
    169
    I know of a javascript that you can put into your html that does this not tooo sure how you do it in flash

    let me see if I can find that javascript for you....

  3. #3
    Senior Member
    Join Date
    Aug 2000
    Posts
    169
    here it is...it's kinda gayish tough cuz all of the colours...

    <STYLE>.spanstyle {
    COLOR: #ffffff; FONT-FAMILY: Arial; FONT-SIZE: 10pt; FONT-WEIGHT: normal; POSITION: absolute; TOP: -50px; VISIBILITY: visible
    }
    </STYLE>
    <SCRIPT language=javascript>
    var message="YOUR TEXT HERE ";
    //add a space after your text
    var x,y;
    var step=12;
    var flag=0;

    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+20;
    y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
    flag=1;
    }

    function makesnake() {
    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];
    thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
    }
    }
    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];
    thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;
    }
    }
    }
    </SCRIPT>

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

    if (document.layers) {
    document.captureEvents(Event.MOUSEMOVE);
    }
    document.onmousemove = handlerMM;
    </SCRIPT>

    <SCRIPT language=javascript>
    function pageonload() {
    makesnake();
    window.setTimeout("pageonload();", 2);
    }
    </SCRIPT>

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center