random cursors using CSS

jbetts1967 · **Joined:** Sat Jul 26, 2008 11:37 pm **Posts:** 5

Hello,

here is what i want to do. i would like to load a random cursor on my webpage when the page is reloaded. how can the following statement be used to randomly select a cursor:

element.style.cursor = 'url(' + cursor1 + ')';

where cursor1 is the url/name of the location and name of the cursor.

this is what i am using now for my cursor statement:

<style type="text/css"> body { cursor: url('graphics/cursor/romantic_1.cur'); } a { cursor: url('graphics/cursor/bible_1.cur'); }</style>

how can i change the above statement to reflect the samething, but at random?

rangana · **Posted:** Thu Aug 14, 2008 1:06 am

Please read notes on the code:

Code:

<script type="text/javascript">
var rangCur=[
/* Place all the url of the cursor in this array */
'graphics/cursor/romantic_1.cur',
'graphics/cursor/bible_1.cur'
];
window.onload=function() { rangRand=Math.floor(Math.random()*rangCur.length);
document.body.style.cursor='url('+rangCur[rangRand]+')';}
</script>

jbetts1967 · **Joined:** Sat Jul 26, 2008 11:37 pm **Posts:** 5

rangana · **Posted:** Thu Aug 14, 2008 2:00 am

Well, it was working for me, but not on FF.

jbetts1967 · **Joined:** Sat Jul 26, 2008 11:37 pm **Posts:** 5

i got it to work... i had 2 window.onload calls and the one was causeing the other not to work.... i commented the one  out and the cursor displayed correctly...

jbetts1967 · **Joined:** Sat Jul 26, 2008 11:37 pm **Posts:** 5

now if i can just figure out how to get this to work the same way:

a { cursor: url('graphics/cursor/bible_1.cur'); }

where bible_1.cur is also random when the cursor is placed over a link....

random cursors using CSS

Who is online