Raxan JavaScript Cursor Plugin

Move your mouse over the boxes to see the cursor change.

PHP/HTML Source:
<!DOCTYPE html>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Raxan Cursor Plugin</title>
        <script src="raxan/startup.js" type="text/javascript"></script>
        <script type="text/javascript">

                $('#btnshow, #btnhide').click(function(e){
                    var o = $('#box1');
                    if (e.target.id=='btnshow') o.raxCursor("hourglass");
                    else o.raxCursor("hide");
                    return false;



        <div class="container c30 pad prepend-top">

            <div id="box2" class="rax-box alert c5 r5 left rtm">
                <h3>I am always <br />Searching...</h3>

            <div id="box1" class="rax-box success c16 r5 left">
                <h3>Hourglass Cursor</h3>
                <p>Click buttons to show/hide hourglass</p>
                <a id="btnshow" href="#" class="button">Show Hourglass</a>&nbsp;
                <a id="btnhide" href="#" class="button">Hide Hourglass</a>

            <div id="box3" class="rax-box info c5 r5 right">
                <h3>I am always <br />Busy...</h3>


Plugin Source:

HTML/JavaScript Source:

Data Source: