#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2002
    Location
    Utah
    Posts
    4
    Rep Power
    0

    Funny Prank - Need Help with CSS


    I've seen it before but I really want to accomplish this and my friends are saying I need to you CSS to accomplish my task. I work for a support company maintaining the web app.

    At random times I want to enable my "Magic Floating Button"

    Basically here is what I need help with. I want my submit button to move away from the user when they mouse over it. This way they can never click submit and they chase the button around all day. Please help me with how to accomplish this.

    Thanks,
    Chris
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Location
    Austin
    Posts
    126
    Rep Power
    11
    You'll have to use some JavaScript for that.

    You could make the submit button an absolute positioned image, and use an onmouseover event tag to tell when the mouse is over it. When the mouse is over the image use a javascript function to move the absolute positioned image by altering the "top" and/or "left" value.

    Hope that was helpful.

IMN logo majestic logo threadwatch logo seochat tools logo