Change mouse cursor for onMouseOver

  • OlsVer
  • Born
  • Born
  • OlsVer
  • Posts: 1

Post 3+ Months Ago

I have buttons which hide and show layers. However, they do not change the mouse cursor like a link would and i don't know how i would customise it so it does.

The page it concerns is http://www.islandcottageholidays.com

Can anyone help?

Kind Regards

Oliver
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

Hmm this isn't a Flash issue. It looks like you need to use Javascript to change a css property.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8411
  • Loc: USA

Post 3+ Months Ago

How about the CSS attribute cursor?
  • Maisara-WD
  • Novice
  • Novice
  • Maisara-WD
  • Posts: 15

Post 3+ Months Ago

Bogey wrote:
How about the CSS attribute cursor?


Yeah...

try this property with the ways mentioned on this page

inside the style attribute for the tag of ur element:

cursor: and choose one of the following...

url: The url of a custom cursor to be used. (Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used
)

default The default cursor (often an arrow)
auto Default: The browser sets a cursor
crosshair: The cursor render as a crosshair
pointer: The cursor render as a pointer (a hand) that indicates a link
move: The cursor indicates something that should be moved
e-resize: The cursor indicates that an edge of a box is to be moved right (east)
ne-resize: The cursor indicates that an edge of a box is to be moved up and right (north/east)
nw-resize: The cursor indicates that an edge of a box is to be moved up and left (north/west)
n-resize: The cursor indicates that an edge of a box is to be moved up (north)
se-resize: The cursor indicates that an edge of a box is to be moved down and right (south/east)
sw-resize: The cursor indicates that an edge of a box is to be moved down and left (south/west)
s-resize: The cursor indicates that an edge of a box is to be moved down (south)
w-resize: The cursor indicates that an edge of a box is to be moved left (west)
text The: cursor indicates text
wait The: cursor indicates that the program is busy (often a watch or an hourglass)
help The: cursor indicates that help is available (often a question mark or a balloon)

I hope that helps
  • bishop_ian
  • Newbie
  • Newbie
  • bishop_ian
  • Posts: 14

Post 3+ Months Ago

CSS will look like this..

CSS Code: [ Select ]
a.pic {
display: block;
width: 100px;
height: 50px;
background: transparent url(image1.jpg) no-repeat;
}
 
a.pic:hover {
background-position: -100px 0;
}
  1. a.pic {
  2. display: block;
  3. width: 100px;
  4. height: 50px;
  5. background: transparent url(image1.jpg) no-repeat;
  6. }
  7.  
  8. a.pic:hover {
  9. background-position: -100px 0;
  10. }



HTML will be....
HTML Code: [ Select ]
<div>
<a class="pic"href="#">link</a>
</div>
  1. <div>
  2. <a class="pic"href="#">link</a>
  3. </div>


I hope this will help you
Moderator Remark: Remember to use css and html bbcode around your actual code in your posts on ozzu

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 87 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.