сохранение: активным, пока не будет нажата другая ссылка
4453 просмотра
1 ответ
У меня есть список ссылок - не строка меню - как в
<div align="right"><a href="me1.cfm?pic_ws=80&typ=1" target="mnfrm3">ME1</A></div><br>
<div align="right"><a href="me2.cfm?pic_ws=80&typ=1" target="mnfrm3">ME2</A></div><br>
<div align="right"><a href="me3.cfm?pic_ws=80&typ=1" target="mnfrm3">ME3</A></div><br>
и использовать стандартный CSS
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #C65B05;
}
a:hover {
text-decoration: none;
color: #03B003;
}
то, что я хотел бы сделать, это выбрать ссылку, чтобы оставить цвет при наведении, пока не будет нажата другая ссылка в том же окне. (страница содержит iframe, но это верхняя страница, поэтому я не хочу, чтобы состояние изменялось при нажатии на ссылку в iframe)
Автор: Andy Источник Размещён: 12.11.2019 09:40Ответы (1)
2 плюса
HTML: ( добавлены onclick="clickSingleA(this)"
и class="single"
атрибуты. )
Чтобы активировать одну из ссылок по умолчанию, просто добавьте active
класс
<div align="right"><a onclick="clickSingleA(this)" class="single active" href="me1.cfm?pic_ws=80&typ=1" target="mnfrm3">ME1</A></div><br>
<div align="right"><a onclick="clickSingleA(this)" class="single" href="me2.cfm?pic_ws=80&typ=1" target="mnfrm3">ME2</A></div><br>
<div align="right"><a onclick="clickSingleA(this)" class="single" href="me3.cfm?pic_ws=80&typ=1" target="mnfrm3">ME3</A></div><br>
CSS: ( добавлено a.active )
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #C65B05;
}
a:hover, a.active
{
text-decoration: none;
color: #03B003;
}
JavaScript: ( функция для активации ссылок и удаления старых активных )
function clickSingleA(a)
{
items = document.querySelectorAll('.single.active');
if(items.length)
{
items[0].className = 'single';
}
a.className = 'single active';
}
Автор: George Garchagudashvili
Размещён: 30.08.2014 07:32
Вопросы из категории :
- css Как определить, какой из указанных шрифтов был использован на веб-странице?
- css Создание закругленных углов с помощью CSS
- css Как автоматически изменить размер текстовой области с помощью Prototype?
- css Как вы можете настроить номера в упорядоченном списке?
- css Как я могу найти неиспользуемые изображения и стили CSS на веб-сайте?
- css Как заставить нижний колонтитул оставаться внизу веб-страницы?
- css Create a variable in .CSS file for use within that .CSS file
- css Как разместить одно изображение поверх другого в HTML?
- css Как я могу отобразить только часть изображения в HTML / CSS?
- css Удалите все классы, начинающиеся с определенной строки.
- hyperlink Должен ли я создавать анкеры HTML с «именем» или «id»?
- hyperlink Нажатие гиперссылок в RichTextBox без удерживания клавиши CTRL - WPF
- hyperlink Как сделать ссылку html открытой в папке
- hyperlink Как заставить UITextView обнаруживать ссылки на сайт, почту и номер телефона
- hyperlink Разница между @import и ссылкой в ??CSS
- hyperlink получить ссылки с веб-страницы, используя python и BeautifulSoup
- hyperlink Создавать привязанные «ссылки» в NSAttributedString UILabel?
- hyperlink Связывание UNC / сетевого диска на html-странице
- hyperlink Гиперссылки в латексном документе начинаются с начала страницы
- hyperlink Как сделать ссылку, которая не идет никуда