Home > Java Scripts Examples and Tutorials > Change the mouse point into a waiting glass over a link or special arrows for some reason.
India beat SL by four wickets- Sri Lanka using a mediator to release fishermen from pirates – Rajitha
- Govt. has noted Nasheed’s resignation and VP’s appointment
- Police to investigate ‘suspicious’ Wellawatta fire
- Maldives president resigns amid protests
- UNP also protest at Hulftsdorp
- Indian Coast Guard nabs 5 Lankan fishing boats
- SL wins toss
- SF brought to court
- Get well soon, SLC tells Yuvi
- We need democracy plus; Ranil
- White flag appeal postponed
- UNP DNA join hands in protest
- India still ‘world class’ insists Mathews
- SL to market Ayurveda drugs
- Nine hand grenades found near Aluth Kade Court
- Hirunika to join active politics
- IPL teams splash the cash for Mahela and Murali
- Anoma to lead protest to free SF
- US diplomats heading to Sri Lanka
- Are you in Love?
- 10 Top Sex Secrets Men won't Tell
- Top 10 — Female Turn Ons
- 10 Commandments for good wives
- How to live a happy and satisfied Life
- Did I marry the right person?
- Are You Happy
- Alcohol makes men BETTER in the bedroom, scientists claim
- Too busy for Love Making?
- Have you gone off sex?
- Love Isn't Blind
- Are You A Lazy Lover?
- 5 Secret Relationship Resolutions
- Are You Getting Attracted To Another Person?
- Do you feel loved?
Change the mouse point into a waiting glass over a link or special arrows for some reason.
Change the mouse point into a waiting glass over a link or special arrows for some reason. You can also change the cursor with any image you want. Did you know that you can change the look of the standard cursor/mouse pointer with css?
Anyway, I will show you how to do it and what possible cursors you can use.
You can see a table below, move the mouse over the text to see what the different css properties do.
How to change the cursor
The property is called cursor and you give it different attributes to choose what cursor you want for the link You can of course change the cursor for any html tags. You should create a separate css file and create classes and assign them to html tags. The only reason I write "style=..." inside html is to make it easier to read for you.
<a style="cursor:crosshair">Look... a cross hair</a>
Move your mouse over this link: Look... a cross hair The same way you can do with a span or a div:<div style="cursor:move">Try to move this...</div> Try to move this... :-)
Different cursors
The text in the table is the word you write after style="cursor:
Move your mouse over the word to see the result.
| auto |
| crosshair |
| default |
| move |
| move |
| help |
| text |
| wait |
| n-resize |
| s-resize |
| e-resize |
| w-resize |
| ne-resize |
| nw-resize |
| se-resize |
| sw-resize |
Choose any image for cursor
You can even choose Any cursor you want! Upload your chosen image and write this in your html/css: This is pretty cool :-) Unfortunately I can not show you this here, because my cms filters out stuff in a strange way.. but it is just for you to copy this and edit the url for the image. (Don't forget to upload the image to the server to...)
Guidelines: You must register with a social media account such as Facebook, Twitter, Yahoo, etc. to comment on this story. Click on the "Login" button below to choose your login account of choice. We welcome your thoughts, but this is not an open forum. For the sake of all readers, please refrain from the use of obscenities, personal attacks or racial slurs. All comments must remain on topic and cyber bullying will not be tolerated. All comments are subject to our terms of service. Comments that do not comply may be removed. Repeat offenders will lose commenting privileges.
News Categories
Accidents and Incidents
Art and Society
Business and Finance
Education and Employment
Environment and Development
Help and Aid
Science and Technology
Security and Politics
Share Market and Exchange Rates
Sports and Entertainment
Tourism and Foreign Affairs
Women and Health
Information
Women and Health
Food Recipes
Love and Relationship
Web and IT
AJAX Examples and Tutorials
Java Scripts Examples and Tutorials
PHP Scripts Examples and Tutorials
- Men want good-looking women
- Making sex exciting
- Duminda unmasked by Anarkali
- Too busy for Love Making?
- Srikanth Vandana got a Baby Boy-Father and Son Born on Same Day!
- Anjali’s days with Bharathiraja and K. Balachandar
- Have you gone off sex?
- Sex and Shoes
- Dirty Talk!
- Happy Birthday Surya
- Alcohol makes men BETTER in the bedroom, scientists claim
- Sexless Marriages
- Are You A Lazy Lover?
- 5 Secret Relationship Resolutions
- Outsider Played Actress Sneha Hot Sexy Hip Cheap Photos?