Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Текст градиентом

Автор: Гость_abelly 12.5.2005, 22:51

В данном конкретном скрипте (делает градиентную заливку html-страницы) цвет меняется от черного к белому

Код


<body>
<script type="text/javascript"><!--//--><![CDATA[//><!--
function leftPad(x) {
       return (x.length < 2) ? "0"+x : x;
}
function hex(x) {
       return leftPad(x.toString(0x10).toUpperCase());
}
for (i=0; i<256; i++) {  
       var div = document.createElement("div");
       div.style.backgroundColor = "#"+hex(i)+hex(i)+hex(i);
       div.style.fontSize        = "0px";
       div.style.lineHeight      = "0px";
       div.style.height          = "2px";
       document.body.appendChild(div);
}
//--><!]]></script>
</body>

вопрос: что и где нуна менять в скрипте , чтобы градиент был зеленым, там голубым и проч.

abelly

М	Пользуйтесь тегом CODE, смотри кноку Код в форме ответа;-)

Автор: Aliance 13.5.2005, 15:16

Зачем извраты? Идем в форум по "Вед теории" или "Веб дизайну" и ищем там уже нераз обсуждавшийся код:

Код


<table height = 100 width = 100>
<tr>
<td style = 'color: #ffffff; background-color: #000000; filter:Alpha(Opacity=10, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=50, FinishY=50);'>
ляляля
</td>
</tr>
</table>

Автор: Guest 13.5.2005, 21:12

данке за код -
по поводу "извратов" - предполагалось (возможно ошибочно), что заявленный в вопросе код будет работать не только в ИЕ - отсюда и возник вопрос.

Автор: Aliance 13.5.2005, 21:32

Нет, фильтры - IE только.

Автор: Guest 14.5.2005, 19:51

Хм... , уважаемый Aliance, то ли мы на разных языках шпрехаем, то ли мир паранормальный ;))

рискну спросить еще раз :

Ессно, - градиент мона сделать через ИЕ фильтры,

НО... для кросс-браузерности предложен скрипт (см. вверху топика) - и вот как в нем можно варьировать цветами??? в этом - собственно суть вопроса.

abelly

Автор: Aliance 14.5.2005, 21:17

мдя...скрипт канечно "извратный"...

Цитата

div.style.backgroundColor = "#"+hex(i)+hex(i)+hex(i);

вот эта строчка отвечает за цвета, а задается она тут:

Цитата

function leftPad(x) {
return (x.length < 2) ? "0"+x : x;
}

Добавлено @ 21:19
Гость, регистрируйтесь на форуме - это не займет уйму времени - зато позволит ваш использовать множество функций

Автор: Guest 14.5.2005, 21:30

Пасиб -