Случайно расположенные слова (ссылки) на постоянно меняющемся фоне - PullRequest
0 голосов
/ 26 августа 2011

Изучив основы CSS и jQuery, я бы хотел создать простой сайт для художественных целей, такой как:

  1. Фоновое изображение, которое изменяется с помощью окна браузера; или выбирать случайное изображение каждый день или в виде слайд-шоу> вероятно, лучше всего с superbgimage / supersized / аналогичным решением?

  2. До 11 случайно расположенных элементов div, каждый из которых содержит слово (ссылка), размытое, которое фокусируется на наведении> эффект размытия / фокуса, вероятно, лучше всего делать со спрайтами CSS и файлами .png?

  3. Нажатие на ссылку накладывает все на центрированный div, в котором появляются тексты и изображения, контент в этом div должен прокручиваться, если существует больше контента, чем может отображать область просмотра>, это один из этих «лайтбоксов» или модальное окно "вещи?

См. Примерную схему здесь:

Я особо не представляю, как добиться 2, случайного позиционирования слов на заднем плане. Что касается 3. Я нашел только примеры для галерей изображений и тому подобного, но не встроенный (?) HTML-контент, который можно стилизовать как любой другой контент. Но, может быть, весь принцип не может быть достигнут? Я очень рад учиться, даже в моем возрасте, так что, если бы вы могли указать мне правильное направление ...

1 Ответ

1 голос
/ 26 августа 2011
  1. Хорошо, продолжайте
  2. , просто сгенерируйте случайное число (в пределах) с помощью JS (Math.random ()) и используйте это с $ (element) .css ()используйте правильное позиционирование CSS
  3. Возможно, вы ищете что-то вроде: http://fancybox.net/
...