C++Builder
  Начало   Форум   Помощь Войти Регистрация  
Страниц: [1]   Вниз
  Печать  
Автор Тема: Фон html страницы  (Прочитано 10024 раз)
SilverFish
Участник
**

Сказали спасибо: +14/-6
Offline Offline

Сообщений: 789


« : 03 июля 2012, 15:07:10 »

В фильме Матрица, на черном фоне сверху вниз бегут зеленые цифры. Что-то типа такого:
картинки
Как сделать такой эффект бэкграундом html страницы, чтобы картинка была не статическая, а чтобы цифры были движущимися?


Записан
Rius
Давний друг
**

Сказали спасибо: +116/-5
Offline Offline

Сообщений: 753


WWW
« Ответ #1 : 03 июля 2012, 16:51:06 »

Типа такого?

http://www.javascriptbank.com/matrix-background-animation-index.html
Записан
SilverFish
Участник
**

Сказали спасибо: +14/-6
Offline Offline

Сообщений: 789


« Ответ #2 : 03 июля 2012, 20:15:00 »

Спасибо.
Пытаюсь разобраться с этим скриптом... пока не получается...
Можно ли сделать этот эффект не по всей странице, а только в определенных местах? В прилагаемой картинке, в качестве примера, схема тега html table. Можно ли запустить эффект матрицы в местах где фон схематично закрашен серым цветом?
Записан
Rius
Давний друг
**

Сказали спасибо: +116/-5
Offline Offline

Сообщений: 753


WWW
« Ответ #3 : 03 июля 2012, 22:38:38 »

Может быть и можно. Посмотрите функцию getWindowDims, похоже из неё берутся координаты области.
Записан
SilverFish
Участник
**

Сказали спасибо: +14/-6
Offline Offline

Сообщений: 789


« Ответ #4 : 04 июля 2012, 10:07:26 »

Почему-то это не работает в Internet Explorer  Грустный
http://jsfiddle.net/motyar/BRJkL/
Записан
Rius
Давний друг
**

Сказали спасибо: +116/-5
Offline Offline

Сообщений: 753


WWW
« Ответ #5 : 04 июля 2012, 10:09:49 »

В 8-ом работает. Может лучше отказаться от свистелок, если вам сайт под разные браузеры нужен?
Или взяться за Adobe Flash?
Записан
SilverFish
Участник
**

Сказали спасибо: +14/-6
Offline Offline

Сообщений: 789


« Ответ #6 : 04 июля 2012, 10:36:58 »

У меня тоже IE 8, однако у меня буковки сыпется только одной строкой в IE 8. Грустный

Цитировать
если вам сайт под разные браузеры нужен?

Мне надо, чтобы эффект матрицы отображался в двух колонках таблицы, как на рисунке выше и конечно, чтобы это работало в разных браузерах.
Пока эту задачу решить не получается. Наверное, придется использовать фреймы и запускать эффект в левом и правом фрейме как бекграунды, а в центральном оставить содержимое сайта. Криво, но другого решения пока не нашла.
Записан
volvo877
Глобальный модератор
***

Сказали спасибо: +736/-1
Offline Offline

Сообщений: 891


« Ответ #7 : 04 июля 2012, 11:06:41 »

Криво, но другого решения пока не нашла.
Поиск в Гугле по картинкам (gif-кам) с названием подобным "matrix effect", или что-нибудь подобное выдаст тебе немало результатов. Найди какую-нибудь гифку побольше размером и вставь ее в нужные места на страничку. И меньше ресурсов жрать будет, то есть, фактически ничего не будет (ибо приведенный по ссылке скрипт грузит у меня процессор до 40% - это очень много), и мороки меньше.

Был еще вариант с отрисовкой на Canvas (HTML5), но это тоже не кроссбраузерно, работает только в FF, а ресурсов еще в полтора раза больше жрет.
Записан
Rius
Давний друг
**

Сказали спасибо: +116/-5
Offline Offline

Сообщений: 753


WWW
« Ответ #8 : 04 июля 2012, 11:48:35 »

На Flash.
GIF'ки не растягиваются нормально (
Записан
volvo877
Глобальный модератор
***

Сказали спасибо: +736/-1
Offline Offline

Сообщений: 891


« Ответ #9 : 04 июля 2012, 18:23:10 »

Да в интернете выложены такие GIF-ки, что их не растягивать, а обрезать надо, чтоб лишнее не было. Только что взял 3-х мегабайтную гифку, сделал ей Crop до приемлемых размеров, и вот:
Записан
Rius
Давний друг
**

Сказали спасибо: +116/-5
Offline Offline

Сообщений: 753


WWW
« Ответ #10 : 04 июля 2012, 22:01:35 »

Разрешение экрана разным бывает. Вот если бы была GIF'ка, которую можно затайлить без выраженности границ...
Записан
SilverFish
Участник
**

Сказали спасибо: +14/-6
Offline Offline

Сообщений: 789


« Ответ #11 : 06 июля 2012, 10:50:08 »

Да в интернете выложены такие GIF-ки, что их не растягивать, а обрезать надо, чтоб лишнее не было. Только что взял 3-х мегабайтную гифку, сделал ей Crop до приемлемых размеров, и вот:

Можно ли выложить эту готовую гифку?
Записан
volvo877
Глобальный модератор
***

Сказали спасибо: +736/-1
Offline Offline

Сообщений: 891


« Ответ #12 : 06 июля 2012, 11:11:55 »

Можно:
Записан
SilverFish
Участник
**

Сказали спасибо: +14/-6
Offline Offline

Сообщений: 789


« Ответ #13 : 07 июля 2012, 13:55:44 »

Как можно исправить этот код, чтобы строка пробежала через всю страницу сверху вниз, а не исчезала, не добежав до низа страницы?

Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table height="100%" width="100%" border="1">
<tr>
<td valign="top" height="100%">
<MARQUEE SCROLLDELAY=297 DIRECTION=DOWN >
00010001<br>  
00010001<br>
00000000<br>
10000000<br>
00011000<br>
00001100<br>
00000001<br>
11110001<br>
01000000<br>
00000100
</MARQUEE>
</td>
</tr>
</table>
</body>
</html>
 
Записан
volvo877
Глобальный модератор
***

Сказали спасибо: +736/-1
Offline Offline

Сообщений: 891


« Ответ #14 : 07 июля 2012, 14:08:56 »

Код
 <td valign="top">
<MARQUEE height="100%" SCROLLDELAY=297 DIRECTION=DOWN >
, далее по тексту...
Записан
SilverFish
Участник
**

Сказали спасибо: +14/-6
Offline Offline

Сообщений: 789


« Ответ #15 : 07 июля 2012, 15:38:02 »

Билла Гейтса с его Интернет Эксплоером на помойку. Подмигивающий
В IE при таком коде строка не бежит, а просто отображается... Плачущий
Записан
Страниц: [1]   Вверх
  Печать  
 
Перейти в: