Jump to content


Photo

HTML/CSS/Javascript(?) request

Making mouse disappear over link

  • Please log in to reply
4 replies to this topic

#1 Holy Cow

Holy Cow

    Advanced Member

  • Salty Members
  • PipPipPip
  • 60 posts

Posted 02 March 2013 - 06:07 PM

Hi, I have a blog I'm making and I would like to make a script that makes the mouse disappear when it hovers over a specific link (the menu tabs). Is that possible? And if yes, how can someone make it? (using what?). BTW I'm making this blog on blogger so consider any restrictions that might apply.

 

PS: I know this isn't exactly programming but it is technology right?



#2 MaD

MaD

    the darkest member

  • Salty Members
  • PipPipPip
  • 253 posts
  • Locationastral realm

Posted 02 March 2013 - 06:29 PM

you can just use a css rule.  Add something like this to the html in your blogger template:

 

a.class_for_your_link {
  cursor: none;
}

 

 

I don't think this is very good user experience though.  If you're applying this to menu tabs then users are going to have a hard time telling how far they need to move the mouse to get from one tab to the next. 


a3CY3ih.gif


#3 Holy Cow

Holy Cow

    Advanced Member

  • Salty Members
  • PipPipPip
  • 60 posts

Posted 02 March 2013 - 06:59 PM

Dumb me didn't check first to see if there are any cursor attributes etc. About the user experience you might be right but the thing is, when hovering over the menu tab there is some text that appears and the cursor makes it difficult to read some times so this is why we're trying this. Thanks for the reply gonna test it out now



#4 denzquix

denzquix

    Advanced Member

  • Salty Members
  • PipPipPip
  • 621 posts

Posted 02 March 2013 - 07:07 PM

if you care about Opera users note that Opera doesn't support cursor:none; or cursor:url(myimage.png);

maybe try cursor:crosshair;? it's not very commonly used but might work for your case...

xa2SD.gif

#5 Shilpa

Shilpa

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 07 December 2017 - 04:50 PM

Hi

 

It is possible using css and javascript






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users