| |
|
|
| | Я, если честно, яву почти не знаю, так что прошу помощи в написании маленького скрипта.
Ниже приведен HTML. В нем указаны две картинки. Одна расположена над другой с некоторым смещением. При этом у первой прозрачность 90% у второй 10%.
Есть три кнопки.
Скрипт должен выполнять следующие функции:
1. при нажатии на кнопку "Слой 1" свойству "filter: alpha (opacity=" и "opacity:" первой картинки присваиваются значения 90 и 0.9, соответственно. Этим же свойствам для второй картинки присваиваются значения 10 и 0.1.
2. при нажатии на кнопку "Слой 2" соотношение прозрачности для картинок меняется наоборот (т.е. для первой 10 и 0.1, а для второй 90 и 0.9).
3. при нажатии на кнопку "Слои 1+2" обеим картинкам присваивается свойства 50 и 0.5 (т.е. обе картинки становятся одинаково полупрозрачными.)
<body>
<form>
<input type="submit" value="Слой 1" id="sub1">
<input type="submit" value="Слой 2" id="sub2">
<input type="submit" value="Слои 1+2" id="sub1_2">
</form>
<div id="first"
style="
position: relative;
z-index: 2;
filter: alpha (opacity=90);
opacity: 0.9">
<img src=1.jpg>
</div>
<div id="second"
style="
position: relative;
z-index: 3;
top: -55px; /* Сдвигаем текст вверх */
left: 5px; /* Сдвигаем текст вправо */
filter: alpha (opacity=10);
opacity: 0.1">
<img src=2.jpg>
</div>
</body>
|
| |
| |
|
|
| |
|
|
| |
для: dove
(23.03.2009 в 11:58)
| | | у тебя все input имеют type="submit" из за этого идет перезагрузка и настройки становятся первоначальными
тут прийдется решать проблему на староне сервера
а вообще javascript выглядит примерно так
<input value="Слой 1" id="sub1" onclick="document.getElementById('first').style.opacity='09';document.getElementById('second').style.opacity='01';"> | |
| |
|
|
| |
|
|
| |
для: guye
(23.03.2009 в 17:18)
| | | Спасибо за совет. Кнопки заменил ссылками.
Теперь работает в Mozilla и Chrome.
Но для IE нужно поменять свойство
filter: alpha (opacity=10);
|
А как к нему добраться через DOM? | |
| |
|
|
| |
|
|
| |
для: dove
(23.03.2009 в 18:06)
| | |
document.getElementById('first').style.filter = 'alpha (opacity=10)';
|
| |
| |
|
|
