How to Change the Mouse Pointer on a Website

Discussion in 'HTML & Website Design' started by seosheela, Jan 10, 2011.

  1. #1
    I was wondering how I can change the look of a visitors cursor when they enter my website - ie change it to a picture or something.
    if any a javascript?
     
    seosheela, Jan 10, 2011 IP
  2. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #2
    if you want to change them to default mouse cursor like hand, pointer, waiting then you can use css to do that

    eg:

    pointer: hand;
     
    karthimx, Jan 11, 2011 IP
  3. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #3
    CSM, Jan 11, 2011 IP
  4. web.tech

    web.tech Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    We can the cursor icon with the help of css. If you are a beginner please follow the link aha-soft.com/faq/web-page-cursor.htm, javascriptkit.com/script/cutindex18.shtml.
     
    web.tech, Jan 11, 2011 IP
  5. rubytaylor123

    rubytaylor123 Peon

    Messages:
    10
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    This is a Good Post for Information and w3schools.com is a Good Website for learning every thing,
     
    rubytaylor123, Jan 11, 2011 IP
  6. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #6
    I have already given all necessary information in both of the links I have posted!

    There is nothing more needed!!!
     
    CSM, Jan 11, 2011 IP
  7. look4guna

    look4guna Active Member

    Messages:
    60
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #7
    Hello rubytaylor123, just check whether you have enough information in your message before posting...Don't post to increase your count. Regarding the question, check out the following code,

    <html>
    <head>
    <style>

    p { cursor: wait; }
    h4 { cursor: help; }
    h5 { cursor: crosshair; }

    </style>
    </head>
    <body>
    <h4>We Want to Help You!</h4>
    <p>This may take a while to load....so don't worry, be happy!</p>
    <h5>Do You Like To Play Shooting Games on the Computer?</h5>
    </body>
    </html>
     
    look4guna, Jan 11, 2011 IP
  8. CSM

    CSM Active Member

    Messages:
    1,047
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    55
    #8
    lol @look4guna

    You are telling others to check their posts for informations before posting... but your post is useless, too...

    If you would just check both of the links I posted you would see exactly that ALL information is in those websites.
     
    CSM, Jan 11, 2011 IP
  9. allwebactivities

    allwebactivities Peon

    Messages:
    35
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    you can use this css to change the cursor on website
    <style>

    body { cursor: wait; } or body { cursor: pointer; }

    </style>
     
    allwebactivities, Jan 13, 2011 IP