jQuery loader

jQuery, jQueryUI, jQueryUI CSS.

by Alexey Demin

HTML

<div id="PageSwitcher">
    <table>
        <tr><th colspan="2">Page switcher <span class="version">v.0.1</span></th></tr>
        <tr>
            <td>jQuery version:</td>
            <td>
                <select id="jQueryVersion">
                    <option>2.1.3</option>
                    <option>2.1.1</option>
                    <option>2.1.0</option>
                    <option>2.0.3</option>
                    <option>2.0.2</option>
                    <option>2.0.1</option>
                    <option>2.0.0</option>
                    <option>1.11.2</option>
                    <option>1.11.1</option>
                    <option>1.11.0</option>
                    <option>1.10.2</option>
                    <option>1.10.1</option>
                    <option>1.10.0</option>
                    <option>1.9.1</option>
                    <option>1.9.0</option>
                    <option>1.8.3</option>
                    <option>1.8.2</option>
                    <option>1.8.1</option>
                    <option>1.8.0</option>
                    <option>1.7.2</option>
                    <option>1.7.1</option>
                    <option>1.7.0</option>
                    <option>1.6.4</option>
                    <option>1.6.3</option>
                    <option>1.6.2</option>
                    <option>1.6.1</option>
                    <option>1.6.0</option>
                    <option>1.5.2</option>
                    <option>1.5.1</option>
                    <option>1.5.0</option>
                    <option>1.4.4</option>
                    <option>1.4.3</option>
                    <option>1.4.2</option>
                    <option>1.4.1</option>
                    <option>1.4.0</option>
                    <option>1.3.2</option>
                    <option>1.3.1</option>
                    <option>1.3.0</option>
                    <option>1.2.6</option>
                    <option>1.2.3</option>
                </select>
           ...

CSS

#PageSwitcher {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px;
    border: 1px solid #ccc;
    font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
    padding: 5px;
}
#PageSwitcher table {
    width: 100%;
}
#PageSwitcher .label {
    font-family: 'Segoe UI Light', SegoeUIweb, arial, sans-serif;
}
#PageSwitcher .version {
    font-weight: normal;
    font-size: 12px;
    color: grey;
}