Новая запись
Trinux
T
Trinux
Trinux 27 янв 06
Подписаться

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

＋
39
231
13
10
Чтобы отправить комментарий — войдите.
  • S
    Shtusha
    27 янв 06
    "что не умею явой менять CSS" А с помощью чего же ты его поменял-то?
    function onmover(object)
    {
    // Если object это id объекта тогда
    var object;
    object = document.getElementById(obj);
    //
    object.style.background = '#FFE3BA';
    }
    ...
    ...
    Ответить
    ＋
    • S
      Shtusha
      Shtusha 27 янв 06
      Ну, и коммент SpitF1reK само сабой справедлив. только idName нету такого :)
      А вообще, я больше предпочитаю вызывать функции по событию, тем более в повторяющихся элементах, потому как правишь в одном месте — в теле функции.
      Ответить
      ＋
      • S
        SpitF1reK
        Shtusha 27 янв 06
        Ясно буду знать =)) Просто предполжил... =))
        Просто справочника нету =))
        Ответить
        ＋
      • S
        SpitF1reK
        Shtusha 27 янв 06
        Ясно буду знать =)) Просто предполжил... =))
        Просто справочника нету =))
        За код функции — АРИГАТО!
        Ответить
        ＋
    • Trinux
      Trinux АВТОР
      Shtusha 27 янв 06
      Посмотри на свой код и на мой и сравни. Твой отличается лишь тем, что все вынесено в функцию, вот и все. Если в CSS прописать background к ячейкам, такой вот явой ты не сменишь ей фон
      Ответить
      ＋
      • S
        Shtusha
        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
          Shtusha 27 янв 06
          Ну, и соответсвенно при onmouseout тоже самое, только с другими цветами.
          Или имя класса поменяьть, это уже по желанию.
          Ответить
          ＋
          • Trinux
            Trinux АВТОР
            Shtusha 27 янв 06
            Попробуй сначало. Скорее всего работать не будет. Я в этом почти уверен
            Ответить
            ＋
            • sas171
              sas171
              Trinux 28 янв 06
              короче кладём на IE =) и делаем td:hover{background:black};
              Ответить
              ＋
            • S
              Shtuceus
              Trinux 28 янв 06
              Я абсолютно уверен, что работает. Неужели так трудно скопипастить код? Для него доже апача поднимать не надо. А что бы он заработал и в Опере, надо сделать пару проверок и соответственно пару присвоений.
              Ответить
              ＋
  • S
    SpitF1reK
    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
    RumataEstorsky
    27 янв 06
    очень даже не дурно! талант!
    если сопру... за плагеат не бить.
    Ответить
    ＋
  • N
    ne0line
    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;
    }
    Первая записьПервая запись
    Вторая записьПервая запись
    Третья записьПервая запись
    В десятке и не... =)Первая запись
    В десятке и не... =)Первая запись
    вот что получилось у меня :)
    Ответить
    ＋
Сделано с NoNaMe