 |
|
Увидел на одном сайте красивый эффект: ссылки, которые переливались из одного цвета в другой, когда над ними проходил курсор. После некоторого изучения, я пришел к выводу, что скрипт можно оптимизировать и сделать наиболее гибким. Предлагаю Вам воспользоваться этим скриптом.
За основу взят скрипт JSFX LinkFade от xtEns1on.net.ru. Скрипт этот кроссбраузерный, поэтому всем придется по вкусу. Его немного переделали для того, чтобы цвета можно было задавать не в самом скрипте, а со страницы. Еще одно удобство скрипта - его можно установить на страницу, и все ссылки на ней начнут переливаться. Не нужно будет менять весь сайт, чтобы установить эту примочку. Скачать измененный вариант скрипта можно тут: JSFX.js.
В самом начале нужно скачать JSFX.js и разместить у себя на сервере. В принципе, можете использовать ссылку на наш ресурс. Во втором варианте телодвижений будет гораздо меньше.
Теперь можно вставлять код на страницу. Код желательно ставить ближе к началу страницы, чтобы при ее загрузке не появились артефакты.
В скрипте LinkEndColor - это цвет, в который будет переливаться ссылка на странице при наведении на него курсора. Цвет задается в стандартном формате RGB без привычных дизайнерам решеток. Начальный цвет ссылки и ее цвет, когда курсор уйдет со ссылки, задается при помощи стилей. src="http://szenprogs.ru/scripts/JSFX.js" - это путь к скрипту. Меняете на свой, если собираетесь вызывать его со своего хоста, и закачали его к себе.
Внимание! При использовании скрипта не используйте в стилях псевдостили ссылок (hover, visited? и т.п.). Они могут испортить эффект от работы скрипта.
В принципе, с установкой кода - все. Можно наслаждаться результатом. Эффект вы можете увидеть на этой странице. Просто проведите мышью над ссылками.
Всем удачи!
| Категория: | Скрипты |
| Просмотрено: | 1736 |
| Рейтинг: | 4.3/6 |
| Дата добавления: | 14.07.2009 10:36, Вторник |
| Добавил: | Szen |
| Теги: | переливаются, скрипт, ссылки |
Все скрипты, инструкции, тесты, статьи и подборки, опубликованные в блоге портала, являются собственностью портала. Администрация портала не несет никакой ответственности за содержания статей и скриптов, но обязуется не публиковать материалы, нарушающие законодательство Российской Федерации, порнографию, инструкции по взлому и вскрытию. Администрация портала сама решает, кому помогать в решении какой-либо проблемы, а кому отказать в помощи. Цитируя наш текст и устанавливая опубликованные скрипты, вы соглашаетесь с тем, что используете продукт, созданный или подготовленный порталом SzenProgs. Портал SzenProgs оставляет за собой право менять инструкции, тесты, записи, подборки и скрипты по своему усмотрению и менять содержимое файлов, залитых на портале.
Любая, полная или частичная, публикация материала, размещенного в блоге портала SzenProgs, на другом стороннем от портала SzenProgs сайте должна сопровождаться ссылкой на источник.
| № 0 | Вторник, 14.07.2009 10:36 |
Szen | Здесь вы можете задать вопрос или оставить комментарий по теме "Переливающиеся ссылки". |
| Профиль |
