Перейти к контенту

Эффекты для сайта


Рекомендуемые сообщения

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

1. Плавно всплывающее Drop-Down меню с небольшими эффектами при наведении.

2. Кнопки "Закрыть", "Назад", "Вперед", "Добавить в избранное", "Скрыть/Отобразить текст".

3. Resize изображения до установленного размера, соблюдая пропорции (если ширина и высота меньше или совпадает с установленными параметрами resize не производится).

4. Затемнение (или наоборот) изображения при наведении.

5. Появления окна (не браузерного) описания/подсказки при наведении на определенное изображение или ссылку.

6. Периодическая смена картинки на другую из указанных в случайном порядке с поддержкой resiz'а и затемнения.

7. Выведение pop-up окон с кнопкой "Закрыть".

8. Выведение alert сообщений.

9. Счетчик hit'ов.

Я уверен, что все это было написанно ранее и не один раз, и большинство из вас владеют такой информацией. Очень прошу, поделитесь своими знаниями или ссылками на литературу, которая поможет мне решить какую-нибудь из поставленных задач. Я обязательно в будущем выучу язык JAVA, но на данный момент у меня просто нет времени, так как сроки поджимают, а создавать то, что я уже не раз создавал- не интересно. Заранее спасибо!

Ссылка на комментарий
Поделиться на других сайтах

JAVA я абсолютно не знаю, но очень бы хотелось, чтоб моя страница стала лучшей.

Это хороший повод познакомиться поближе с джава-скрипт, а не морочить голову преподавателю.

 

1. Плавно всплывающее Drop-Down меню с небольшими эффектами при наведении.
Задачка явно не для начинающего:скрытие/отображение слоев с эффектами переходов. Или поищите программу Sothink DHTMLMenu, до 4-й версии она была бесплатной.

 

 

2. Кнопки "Закрыть", "Назад", "Вперед", "Добавить в избранное", "Скрыть/Отобразить текст".
Все, кроме последнего, лучше делать на статичном ХТМЛ.

Скрыть/отобразить можно как минимум тремя методами, выбирайте:

1. Изменением атрибута display объекта;

2. Изменением свойства visibility слоя;

3. Изменением позиционорования слоя: например "top:-10000px" спрячет леер а пределы экрана и сделает невидимым.

Для статического объекта с жестко прописанным ID образец скрипта можно посмотреть в функции showhide() на страницах форума; для динамически создающегося ID я совсем недавно писал скрипт: http://www.ibresource.ru/forums/index.php?...st&p=251661

 

 

3. Resize изображения до установленного размера, соблюдая пропорции (если ширина и высота меньше или совпадает с установленными параметрами resize не производится).
Это писать на джаваскрипт? А каким образом джаваскрипт узнает размеры картинки? Такое на пхп пишут.

 

 

4. Затемнение (или наоборот) изображения при наведении.
Сделайте лучше на css через a.class:hover подменное изображение на наведение мыши ;)

 

 

5. Появления окна (не браузерного) описания/подсказки при наведении на определенное изображение или ссылку.
А посмотреть как у других сделано слабО?

<img src="http://stenocardia.ru/img/pic8.gif" width=25 height=22 alt="
 Особое мнение  
" border="0">

Вот очень элегантная "коробочка"... И никаких скриптов.

 

 

7. Выведение pop-up окон с кнопкой "Закрыть".
Пожалуй, и правда, подите в гугл, по этому вопросу спросите гугла "windiw.open()" и "window.close()"...

 

 

8. Выведение alert сообщений.
Ну Вы даете... Если Вы этого не знаете, то все прошлые вопросы Вам точно как алгебра первоклашке. Что может быть проще алерта:
<href="#" onclick="java script:alert('Текст алерта')">текст</a>

 

 

9. Счетчик hit'ов.
На джаваскрипте? А сохранять в куках что-ли? :D
Ссылка на комментарий
Поделиться на других сайтах

Спасибо... Вот мне дали линк на ином сайте - http://www.dynamicdrive.com/. Если есть что-то подобное, пожалуйста, выкладывайте.
Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.