Создаем кликабельный div — стили css

Вы, наверняка, хоть раз сталкивались с задачей сделать блок контента, заключенный в DIV, кликабельным.

Итак, как же это делается?

HTML-код трюка:

<div onclick="location.href='Гиперссылка';" style="cursor: pointer;"></div>

Style-параметр превращает курсор мыши в привычный для гиперссылок «пальчик» при наведении на кликабельный DIV.

Если мы используем JQuery, мы могли бы сделать что-то вроде:

<div> 
   <h3> Пучок </h3> 
   < href="https://google.com"> материал здесь </> 
</div>
$(document).delegate("div", "click", function() {
   window.location = $(this).find("a").attr("href");
});

 

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
× iOs app

To install this Web App in your iPhone/iPad press iOs sourse and then Add to Home Screen.