Back To Website Design Forum

Change mouse cursor for onMouseOver

  • OlsVer
  • Born
  • Born
  • No Avatar
  • Joined: Sep 16, 2008
  • Posts: 1
  • Status: Offline

Post September 16th, 2008, 10:52 am

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
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post September 16th, 2008, 10:52 am

  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Joined: Jul 11, 2005
  • Posts: 1828
  • Loc: In the Great White North
  • Status: Offline

Post September 16th, 2008, 12:01 pm

Hmm this isn't a Flash issue. It looks like you need to use Javascript to change a css property.
If at first you don't succeed F1... If that doesn't work try Google!
//// Designer, Developer & Teacher - Interactive, Motion and 3D \\\\
Portfolio at WhenImNotSleeping.com
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post September 16th, 2008, 3:30 pm

How about the CSS attribute cursor?
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Maisara-WD
  • Novice
  • Novice
  • No Avatar
  • Joined: Sep 16, 2008
  • Posts: 15
  • Status: Offline

Post September 17th, 2008, 12:56 pm

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
  • No Avatar
  • Joined: Apr 27, 2010
  • Posts: 14
  • Status: Offline

Post April 27th, 2010, 5:56 am

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

Page 1 of 1

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 153 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.