Switch to full style
HTML,DHTML,Javascript,XML,CSS
Post a reply

custom cursor in javascript

Tue Dec 02, 2008 1:07 am

This example allow you to do javascript custom cursor ,the cursor in this example is like " sniper shot cursor".it is based on 3 files ,
1. html file contain a empty page (index.html ) ,
2. Javascript file cursor.js .
3. Small PNG image.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>Javascript  sniper shot cursor </title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="cursor.js"></script>
</head>
<body>

</body>
</html>



Attachments
cursor.js
cursor.js javascript file
(7.09 KiB) Downloaded 3790 times
cursor.png
png image
cursor.png (1.39 KiB) Viewed 12903 times
untitleda.JPG
screenshot to running program ,
untitleda.JPG (1.74 KiB) Viewed 12881 times

Re: custom cursor in javascript

Fri Feb 26, 2010 12:14 pm

thanks for this script. this is the only mouse cursor script which worked 50% for me.. i used this code in my site.. we want a heart icon. i did everything... but only the PLUS symbol is coming .. not the heart symbol ... i tried using PNG and then CUR file.. not working...

please help me..

Post a reply
  Related Posts  to : custom cursor in javascript
 JavaScript Cursor     -  
 Create a Custom Log in java     -  
 Change cursor to help     -  
 Create Custom Filters For JFileChooser!!!!     -  
 Create Custom Brushes in Photoshop     -  
 Image Custom Filter In Java     -  
 Change cursor to move     -  
 Finding The Blinking Cursor     -  
 Change cursor to wait     -  
 Change cursor to crosshair     -