random cursors using CSS

by **jbetts1967** on Wed Aug 13, 2008 2:41 pm

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?

by **rangana** on Thu Aug 14, 2008 1:06 am

Please read notes on the code:

Code: Select all: <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>

by **jbetts1967** on Thu Aug 14, 2008 1:52 am

by **rangana** on Thu Aug 14, 2008 2:00 am

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

by **jbetts1967** on Thu Aug 14, 2008 2:44 am

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...

by **jbetts1967** on Thu Aug 14, 2008 2:49 am

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

random cursors using CSS

Who is online