Квадрат разбит на четыре цветовых сектора относительно осей.
При попадании курсора мыши на любой сектор, он должен постепенно
расширяться от центра до определенного размера или до момента
снятия курсора мыши с сектора. По кнопке он должен возвращаться
в начальное состояние.

Подскажите что-то по этому поводу, или киньте ссылку на пример, чтоб посмотреть, если есть конечно...

Можно пойти таким путём:
1) создаём контейер-квадарт DIV
2) запихиваем в него 4 квадрта-DIV'а с нужными цветами
3) по onMouseOver на квадратах запускаем через setInterval функцию, которая будет увеличивать, на какую-то константу, размер текущего квадрата
4) по onMouseOut на квадратах снимаем интервал с помощью clearInterval

Была такая демонстрация на сайте Нетскейпа для NN4 на слоях layer. Но не стоит её искать, легче написать. Это тебе задачку для программирования дали? Тогда посмотри и сделай по-своему

Ага


Короче надо сделать с помощью слоев....
Я написал че-то, но оно ничего не выводит...background и bgcolor по-просту не работают..., как мне вывести 4 квадрата ? Подскажите пожалуйста...

layer?
?? =>z-index="3"
а почему не div
юзай style. так имхо намного проще

Rexar, про layer можно надёжно забыть, они нигде больше не поддерживаются. div и span - это те же слои, если у них position:absolute

...А ты не пробовал запустить мой скрипт ? В моём решении слоёв нет, они бы даже мешали. Просто по постановке позиционировать в потоке (не в слоях) намного проще, не надо вычислять местоположение. Со слоями придётся менять top, left, width, height одновременно.
И ни одной таблицы нельзя?

Название лаб. работы: Разработка JavaScript-программы с применением слоев....Думаю, что без слоев не обойтись...

Я че-то не пойму как Div использовать....Как мне просто вывести 4 квадрата(чтоб из них один большой был) с разными цветами ?

Это сообщение отредактировал(а) Rexar - 5.4.2006, 00:19

Как это реализовать ? Че-то я пытался, но толком ничего не вышло (((

Дивы запихивать неудобно, потому что они начинаются с новой строки (блочный элемент. А нам же надо их в ряд расположить.

Ну логотип на слое выведи в уголке, пусть порадуются

Или нет, спроси, сойдёт ли за слой атрибут position:relative . (На самом деле он слой, но фокус в том, что свойство слоя тоже не понадобится.)

А что это такое setInterval ? Куда это писать ?
И как изменить размер определенного Div'a если имена не задаються ?
Я сделал как предложил smartov.
Написал в одном Div'e style="height:110; width:110 ", но "эффекта слоев" я не увидел...квардат просто увеличился и все сдвинулось вниз.... Я так понял что нужно сделать чтоб один Div как-бы наложился на остальные, а не тупо увеличился...
Помогите пожалуйста.

 Есть в этом коде небольшая ошибка в 1 пиксел, но в остальном работает.(это, конечно, не для обучения пример по стилю написания)
Демо - http://js2.ru/example/JsPrimeryCode-81.htm 

Это сообщение отредактировал(а) 12345c - 3.3.2008, 15:30

Огромное спасибо, буду разбираться теперь как работает

212345c я как понял ему же вроде как в кавдрате изменения нужны, типа один слой увеличивается, другие уменьшаются, вот тоже скриптик свой подкину, правда функцию восстановления до начальных разсеров пока не дописал, думать тяжело что-то

Это сообщение отредактировал(а) dstorm81 - 6.4.2006, 13:34

dstorm81, ну если брать такой ...хм... немного простоватый подход, то вот с рестором

dstorm81, smartov, интересные решения. Понять можно многозначно, как оказывается. Действительно, "он должен постепенно расширяться от центра ", а от какого центра - непонятно. Я понял сначала, что от центра пересечения секторов, потом - что от центра текущего квадрата. А ваши решения от какого центра?

Потом можно будет сделать галерею решений, статью к ней написать, положить в "Наши скрипты", например.

он должен постепенно расширяться от центра до определенного размера или до момента
снятия курсора мыши с сектора.
это явно армейская фраза по типу
копайте траншею от меня и до обеда

Работа с DIV.

Это я устанавливаю отступ слева на 100:
document.all["div1"].style.left=100;


ВОПРОС: "как установить Z-INDEX"
document.all["div1"].style.z-index=100; - Не работает.


Это сообщение отредактировал(а) Rexar - 6.4.2006, 23:30

document.getElement......().offsetWidth (есть в кодах выше) . Писать же надо в style.width и приписывать 'px' для валидности.

Я сделал эту задачу вот так:




Только минус один- Когда мышь попадает на поле DIV, то квадратик увеличивается на 1 пиксел...

Вопрос:"Как сделать так, чтобы когда мышь находится на Div'e чтоб выполнялась функция до тех пор, пока мышь не будет убрана с Div'a "

Это сообщение отредактировал(а) Rexar - 7.4.2006, 00:10

Rexar, ну ты уж товарищ совсем обленился...
Тебе практически готовый код показали... Нужно же и самому думать...
Гугли функцию setInterval

хотя и поздно ужо, но все таки добил ресторинг, может внукам нашим пригодится?