след от фонаря

[Pavlov___]

Доброе время суток.

Нужна помощь. Хочу сделать следующее:

Вся верстка сайта была закрыта полупрозрачным фоном, а вокруг мышки был прозрачный круг, будто свет от фонаря, а все остальное в тени. Свет от фонаря постоянно находятся там где курсор мышки.

На сколько я понимаю это можно сделать с помощью CSS и возможно немного JavaScript, но как, это уже тяжелее, подскажите

[npofopr]

лет эдак 5 назад модно было весить такие скрипты.

поищите что нибудь по запросу: "js скрипты шлейф рядом с курсором"

PS: и снежинок...снежинок... )

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

тени найти тоже легко.

не совсем понятно что хочет ваша фантазия

[Pavlov___]

не совсем понятно что хочет ваша фантазия

моя фантазия хочет следующего:

сверстан дизайн в виде комнаты, различные элементы интерьера это функции навигации и прочее....

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

вот, попытался объяснить, как могу..

[Verder]

моя фантазия хочет следующего:

сверстан дизайн в виде комнаты, различные элементы интерьера это функции навигации и прочее....

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

вот, попытался объяснить, как могу..

Вообще такие вещи скорее удел флэша, чем JS. Делается довольно просто, но вот так, навскидку не смогу код AS привести. Довольно длинный он да и не было такой цели никогда. То есть исходников нет.

Взялся бы сделать за деньги Думаю за 3-4 дня можно уложиться.

[s0rr0w]

Доброе время суток.

Нужна помощь. Хочу сделать следующее:

Вся верстка сайта была закрыта полупрозрачным фоном, а вокруг мышки был прозрачный круг, будто свет от фонаря, а все остальное в тени. Свет от фонаря постоянно находятся там где курсор мышки.

На сколько я понимаю это можно сделать с помощью CSS и возможно немного JavaScript, но как, это уже тяжелее, подскажите

На хабре была ссылка на такой эффект.

[npofopr]

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

[s0rr0w]

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

Вам всего лишь кажется.

[ВэйДлин]

Я гдет вродь чтот подобное видел... Вот поищите на этом сайте) не сочтите за рекламу он даже не русский

[adwo]

С помощью jQuery: http://home.comcast.net/~vonholdt/test/flashlight.htm

[Pavlov___]

С помощью jQuery: http://home.comcast.net/~vonholdt/test/flashlight.htm

Огромное спасибо, это именно то что нужно!!!

[npofopr]

и вы говорите не будет тормозить? не у всех есть двухъядерные машинки.

с одним таким курсором и 3 абзацами уже загрузка проца в 100%.

[locky]

adwo, элегантное решение - менять background-position)

P.S. Хотя для более сложных случаев все равно не подходит

Edited July 7, 2010 by locky