[jegit]

Неправильно дал заголовок раздел - Создпние CSS таблиц средствами javascript

И так зачем же нужно средствами javascript создавать таблицы стилей?

Достоинства:

1. Это увеличивает скорость загрузки документа.
2. Создание полноценной таблицы стилей.
3. Сокращение кода.

Недостатки:

1. Форматирование кода.

Метод реализован в библиотеке jegit javascript - ссылка

Подключение:

<script type="text/javascript" src="jegit/jegit.js"></script>
<script type="text/javascript">
    // подключаем плагин styleSheet
    jegit.plugin( 'styleSheet' );
     
</script>

Синтаксис:

<script type="text/javascript">

jegit.styleSheet({

    'li > a:hover' : {
        'font-size' : '120%'
    }
});
     
</script>

Пример: добавление стилей до загрузки документа

<iframe scrolling="no" width="100%" frameborder="0" src="http://www.jegit.ru/iframe/plugins/styleSheet/1.html" name="iframe_44644760" style="height:100px;"></iframe>

Пример: добавление стилей по событию

<iframe scrolling="no" width="100%" frameborder="0" src="http://www.jegit.ru/iframe/plugins/styleSheet/2.html" name="iframe_44644760" style="height:140px;"></iframe>

Пример: удаление стилей

<iframe scrolling="no" width="100%" frameborder="0" src="http://www.jegit.ru/iframe/plugins/styleSheet/3.html" name="iframe_44644760" style="height:140px;"></iframe>

Пример: стилизованный alert метод

<iframe scrolling="no" width="100%" frameborder="0" src="http://www.jegit.ru/html/sample/alert/1.html" name="iframe_44644760" style="height:480px;"></iframe>