Page 1 of 3 123 LastLast
Results 1 to 10 of 26

Thread: [DHTML] Javascript crosshair (custom) mouse cursor

  1. #1
    Join Date
    Sep 2006
    Posts
    30
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Cool [DHTML] Javascript crosshair (custom) mouse cursor

    1) CODE TITLE:
    Javascript crosshair (custom) mouse cursor

    2) AUTHOR NAME/NOTES:
    Justas Vinevicius

    3) DESCRIPTION:
    This script will add a fancy custom crosshair mouse cursor to your website.

    4) URL TO CODE:
    http://www.webtoolkit.info/javascrip...sor/index.html

  2. #2
    Join Date
    Sep 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Very nice script there m8. I was looking for something like this for a long time now.. It will go nicely with my Quake'like website
    Thanks!

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    With the advent of cursor:url() in FX, I don't particularly see the point in this.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  4. #4
    Join Date
    Sep 2006
    Posts
    30
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by Twey
    With the advent of cursor:url() in FX, I don't particularly see the point in this.
    Well cursor:url() doesn't work in Opera, and in Mozilla its only 1.8+ . So i thought maybe someone will like this solution. And i see that QuakeMaster did - thanks m8.

  5. #5
    Join Date
    Sep 2005
    Posts
    882
    Thanks
    0
    Thanked 3 Times in 3 Posts

    Default

    It appears as if there are two cursors and one is a couple seconds behind(Opera 9). Personally I would just use CSS and if a browser didn't support it to bad for you.
    Last edited by blm126; 09-29-2006 at 12:28 AM.

  6. #6
    Join Date
    Jul 2006
    Location
    Canada
    Posts
    2,581
    Thanks
    13
    Thanked 28 Times in 28 Posts

    Default

    Great overall, but it kind of "flickers" in FF. A nice script though all the same
    - Mike

  7. #7
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    It's a nice effect. I think the problem with most custom cursors though (using DHTML, not CSS for example) is the unnecessary scrollbars they create when you move the mouse to scroll the page. It's quite unattractive to the user when that happens.

  8. #8
    Join Date
    Sep 2006
    Posts
    30
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb

    Quote Originally Posted by ddadmin
    It's a nice effect. I think the problem with most custom cursors though (using DHTML, not CSS for example) is the unnecessary scrollbars they create when you move the mouse to scroll the page. It's quite unattractive to the user when that happens.
    I think it could be solved.. Its not so hard. Ill try to implement this feature

  9. #9
    Join Date
    Sep 2006
    Posts
    30
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation

    Quote Originally Posted by ddadmin
    It's a nice effect. I think the problem with most custom cursors though (using DHTML, not CSS for example) is the unnecessary scrollbars they create when you move the mouse to scroll the page. It's quite unattractive to the user when that happens.
    Well i updated the script now it doesnt generate horizontal or vertical scrollbars, in IE, FF and OP.
    P.S. i also included some aditional colored cursors.
    Last edited by justas; 10-02-2006 at 05:55 PM.

  10. #10
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Actually I still get the h/v scrollbar, in Firefox anyway in on this demo page. The only way is probably to detect when the mouse is too close to the edges of the window based on the cursor's dimensions, and hide the cursor in that case.

Bookmarks

Posting Permissions

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