[CSS] Эффект 3D для таблиц

Чтобы отправить комментарий — войдите.
  • S
    27 янв 06
    "что не умею явой менять CSS" А с помощью чего же ты его поменял-то?

    function onmover(object)

    {

    // Если object это id объекта тогда

    var object;

    object = document.getElementById(obj);

    //

    object.style.background = '#FFE3BA';

    }

    ...

    ...
    Ответить
    • S
      Shtusha 27 янв 06
      Ну, и коммент SpitF1reK само сабой справедлив. только idName нету такого :)

      А вообще, я больше предпочитаю вызывать функции по событию, тем более в повторяющихся элементах, потому как правишь в одном месте — в теле функции.
      Ответить
      • S
        Ясно буду знать =)) Просто предполжил... =))

        Просто справочника нету =))
        Ответить
      • S
        Ясно буду знать =)) Просто предполжил... =))

        Просто справочника нету =))

        За код функции — АРИГАТО!
        Ответить
    • Trinux
      Trinux АВТОР
      Shtusha 27 янв 06
      Посмотри на свой код и на мой и сравни. Твой отличается лишь тем, что все вынесено в функцию, вот и все. Если в CSS прописать background к ячейкам, такой вот явой ты не сменишь ей фон
      Ответить
      • S
        Trinux 27 янв 06
        Дык!

        #table td{

        border-top:1px solid #fff;

        border-bottom:1px solid #ccc;

        padding:3px;

        background: gray;

        }

        function onmv(obj)

        {

        var rowCellCnt;

        var theCells;

        theCells = obj.cells;

        obj.style.background="#FFE3BA";

        rowCellCnt=obj.cells.length;

        var i = null;

        for(i=0;i
        Ответить
        • S
          Shtusha 27 янв 06
          Ну, и соответсвенно при onmouseout тоже самое, только с другими цветами.

          Или имя класса поменяьть, это уже по желанию.
          Ответить
          • Trinux
            Trinux АВТОР
            Shtusha 27 янв 06
            Попробуй сначало. Скорее всего работать не будет. Я в этом почти уверен
            Ответить
            • S
              Trinux 27 янв 06
              короче кладём на IE =) и делаем td:hover{background:black};
              Ответить
              • Trinux
                Trinux АВТОР
                sas171 28 янв 06
                =))) нельзя на него класть =)
                Ответить
            • S
              Trinux 28 янв 06
              Я абсолютно уверен, что работает. Неужели так трудно скопипастить код? Для него доже апача поднимать не надо. А что бы он заработал и в Опере, надо сделать пару проверок и соответственно пару присвоений.
              Ответить
  • S
    27 янв 06
    Попробуй создать не id таблицы, а class (table). Ну и класс к таблице, который должен быть при наведении курсора (tableActive).

    Ну и впиши в html-код: class="table" OnMouseOut="this.className='table'" OnMouseOver="this.className='tableActive'".

    А не пробовал, "this.idName" не работает? Я такое не помню, но мало ли есть... =))

    Вроде все... Чем смог, помог...
    Ответить
    • Trinux
      Trinux АВТОР
      SpitF1reK 27 янв 06
      О! Точно! Надо будет попробовать. Только это не к табллице, а к tr надо
      Ответить
  • R
    27 янв 06
    очень даже не дурно! талант!

    если сопру... за плагеат не бить.
    Ответить
  • N
    27 янв 06
    * {

    font-size:12px;

    font-family:tahoma, verdana, arial;

    }

    #table{

    border:1px solid #ccc;

    border-bottom:0;

    border-left:0;

    width:400px;

    }

    #table td{

    border-top:1px solid #fff;

    border-bottom:1px solid #ccc;

    border-left:1px solid #ccc;

    padding:3px;

    }

    #table td:hover {

    background-color: #FFE3BA;

    }

    #table tr {

    background-color: #ebebeb;

    }

    Первая записьПервая запись

    Вторая записьПервая запись

    Третья записьПервая запись

    В десятке и не... =)Первая запись

    В десятке и не... =)Первая запись

    вот что получилось у меня :)
    Ответить
    • E
      ne0line 27 янв 06
      не работает в ie :(

      в mozilla firefox все ок..
      Ответить
      • Psy_After
        угу

        в ИЕ hover тока для ссылок пашет

        а жаль, стока лишней явы приходится пихать(
        Ответить
full image