| |
|
|
| | Здравствуйте!
Меня интересует как сделана подпись сверху справа на сайте http://www.artlebedev.ru/.
При наведении курсора цвет картинки меняется случайным образом.
Самому сложно понять, теги сложные... Пожалуйста разьясните каждое значение тега в этой небольшой верстке. | |
| |
|
|
| |
|
|
| |
для: Riddik269
(02.04.2009 в 22:06)
| | | там, если посидеть минутку и на лого позыреть, будет заметно, что плавно переливаются цвета. Для этого используется довольно большой джаваскрипт, так что одной версткой там не обойдется :) | |
| |
|
|
| |
|
|
| |
для: Riddik269
(02.04.2009 в 22:06)
| | | С кодом на сайте http://www.artlebedev.ru/ разбираться не стал.
Но ваша задача "При наведении курсора цвет картинки меняется случайным образом" элементарно решается в три строчки JS-кода:
<script>
var N = 123456789, S = ('0' + N + 'abcdef').split ('');
function Z () {for (var j = 0, z = []; j < 6; j++) z [j] = S [parseInt (Math.random () * N) % 16]; return z.join ('')}
function E (x) {x.style.backgroundColor = '#' + Z ()}
</script>
<img src="путь к прозрачному GIF'у" onmouseover="E (this)" onload="E (this)" onerror="E (this)">
|
UPDATE: прочитал сообщение от Lelik по поводу дополнительного САМОСТОЯТЕЛЬНОГО плавного изменения фона, реализованного на сайте http://www.artlebedev.ru/.
Тоже решается элементарно - ещё строк пять кода добавить.
Надо? | |
| |
|
|
| |
|
|
| |
для: PAT
(03.04.2009 в 15:10)
| | | Надо!
Напишите пожалуйста полный код html, css и js. (разумеется код касательно подписи) | |
| |
|
|
| |
|
|
| |
для: Riddik269
(03.04.2009 в 18:45)
| | | Полный HTML-код для помещения его В ЛЮБОМ месте страницы
<img src="image.gif" onmouseover="E (this)" onload="E (this)" onerror="E (this)">
|
Вместо image.gif укажите URL вашей прозрачной картинки.
Полный JS-код для помещения его между тегами <head> и </head>
<script>
var T, N = 123456789, S = ('0' + N + 'abcdef').split ('');
function E (x) {clearTimeout (T); K = 1; var Z = [112, 121, 122, 211, 212, 221];
for (R = [], L = Z [parseInt (Math.random () * N) % 6] + '', O = x, U = 0; U < 3; U++)
R [U] = (L.charAt (U) - 1) ? 255 : 0; D (); T = setTimeout (Q, 500)}
function D () {for (var t = '#', j = 0; j < 3; j++)
t += S [Math.floor (R [j] / 16)] + '' + S [R [j] % 16]; O.style.backgroundColor = t}
function Q () {for (var A, z = j = 0; j < 3; j++) if (R [j] < 201)
{if (!z) {z++; A = R [j] + K; if (A > 200 || A < 0) {K *= -1; A += K; U++}} R [j] = A}
D (); if (U > 5) E (O); else T = setTimeout (Q, 20)}
</script>
|
Что касается CSS-кода, то, уж извините, мне он не понадобился. Ежели вам он необходим, то можете между тегами <head> и </head> поместить
<style>
/* Пусть будет, раз уж так нужен */
img {border: none}
</style>
|
| |
| |
|
|
