По этой ссылке Вы можете посмотреть, как выглядят ссылки с анимированными кавычками: http://enigma.nanoquant.ru/demo-script/link/demo-link1.html.
Если Вы хотите установить на своем сайте такие ссылки с анимированными кавычками, то здесь находится инструкция по установке и коды, которые нужно скопировать на свой сайт.
Этот код нужно вставить вставьте между тегами head на той Вашей веб-странице, где будут ссылки с анимированными кавычками.
<SCRIPT language=JavaScript> document.onmouseover = domouseover; document.onmouseout = domouseout; function ismsie4() { if ((navigator.appName.indexOf("Internet Explorer") > -1) && (navigator.appVersion.indexOf("4") > -1)) { return true } else { return false } } var linkTimeout = ""; function showArrow(activeArrowID, linkName) { for (i=0;i<=2;i++) { if (i == activeArrowID) { document.all[linkName + "Arrow"][i].style.color = "white"; document.all[linkName + "Arrow"][5 - i].style.color = "white"; } else { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } } activeArrowID++; if (activeArrowID > 2) { activeArrowID = 0; } linkTimeout = setTimeout("showArrow(" + activeArrowID + ', "' + linkName + '"' + ")", 120); } // This is separate because... umm, it makes things flexible ;-) function hideArrows(linkName) { for (i=0;i<=2;i++) { document.all[linkName + "Arrow"][i].style.color = ""; document.all[linkName + "Arrow"][5 - i].style.color = ""; } } function domouseover() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; document.all[linkName + "Bracket"][0].style.color = "black"; document.all[linkName + "Bracket"][1].style.color = "black"; showArrow(0, linkName); } } function domouseout() { srcElement = window.event.srcElement; if (srcElement.className.indexOf("Link") > -1) { var linkName = srcElement.id; hideArrows(linkName); clearTimeout(linkTimeout); document.all[linkName + "Bracket"][0].style.color = ""; document.all[linkName + "Bracket"][1].style.color = ""; } } </SCRIPT> |
Следующий код нужно вставить между тегами body на той же веб-странице в том самом месте, где должна стоять ссылка. Выделенное синим нужно поменять на свой текст. Кроме того, если кодировка Вашей веб-странице отличаетс от кодировки windows-1251, то не забудьте русский текст перекодировать в Вашу кодировку. Если ссылка должна открываться в том же окне браузера (или в той же вкладке), то присвойте атрибуту target значение _self или уберите этот атрибут совсем.
<FONT color=black> <A id=mainArrow>></A> <A id=mainArrow>></A> <A id=mainArrow>></A> </FONT> <A id=mainBracket>[</A> <A class=mainLink href="http://king.nanoquant.ru" id=main target="_blank">Главная страница</A> <A id=mainBracket>]</A> <FONT color=black> <A id=mainArrow><</A> <A id=mainArrow><</A> <A id=mainArrow><</A> </FONT> |
Если Вы хотите разместить на той же вебстранице еще одну ссылку с анимированными кавычками, то замените слово выделенное красным на любое другое слово. Например, код другой ссылки может выглядеть так, как показано ниже.
<FONT color=black> <A id=otherArrow>></A> <A id=otherArrow>></A> <A id=otherArrow>></A> </FONT> <A id=otherBracket>[</A> <A class=otherLink href="http://king.nanoquant.ru/script/index.html" id=other target="_blank">Инструкции</A> <A id=otherBracket>]</A> <FONT color=black> <A id=otherArrow><</A> <A id=otherArrow><</A> <A id=otherArrow><</A> </FONT> |
На одной странице может работать сколь угодно много ссылок с анимированными кавычками. Каждая ссылка должна иметь своё уникальное слово, которое в кодах выше выделено красным цветом.
Внимание! Если эти коды копируются из Вашего браузера в Вашу веб-страницу неправильно, то нужно их сначала скопировать в какой-нибудь самый простой текстовый редактор, например, в Блокнот. А уже потом оттуда их скопировать на свою веб-страницу.