И ссылка, и не ссылка

Для того, чтобы ссылка визуально не казалась ссылкой, можно сделать следующее.

1. Подготовим стиль для ссылки

.link-not-link,
.link-not-link:hover {
	cursor: text; /* вид курсора обычный, как при тексте */
	text-decoration: none; /* убираем подчёркивание */
	color: #000; /* ставим такой же цвет, как у остального текста */
	outline: none; /* убираем выделение пунктирной рамкой при
                               активности, по крайней мере в  FF */
}

2. Далее присваиваем данный стиль ссылке

какой то текст <a href="http://address" class="link-not-link">link</a> какой то текст

Всё. Теперь ссылка должна выглядеть так же как и текст. Одно будет выдавать – при наведении будет отображаться адрес ссылки. Так же при клике будет переходить по адресу.

Для того, чтобы при клике пользователь не переходил по адресу, надо описать ссылку следующим образом:

какой то текст <a href="yandex.ru" onclick="return false;" class="link-not-link">link</a>
 какой то текст

То есть добавляем обработку события onclick.

Рубрики: HTML/CSS
Теги: css, hide, html, JavaScript, link
Понравилось? Поделись с другими плз












Комментарии ВКонтакте





Комментарии с сайта

Оставить комментарий

*