Как добавить значок внешней ссылки (шрифта) при наведении курсора мыши - PullRequest
Новая
       30

Как добавить значок внешней ссылки (шрифта) при наведении курсора мыши

0 голосов
/ 10 июня 2019

Можно ли использовать jQuery для сканирования всех ссылок, а затем добавить значок внешней ссылки (шрифт) ко всем <a> элементам с существующим свойством target = "_blank", но только на наведите ? (Это не должны быть внешние ссылки, это просто ссылки, которые открываются на новой вкладке.) Если возможно, предпочтительнее будет замедление при появлении значка.

Спасибо за помощь!

1 Ответ

1 голос
/ 10 июня 2019

Вы можете использовать функцию hover по ссылке. Для значка используйте font-awesome: 

$("a").hover(function() {
    // Add your code inside if condition if you want to check target = '_blank' attribute
    // var attr = $(this).attr('target');
    // if (typeof attr !== typeof undefined && attr !== false) {
    // }
    $(this).attr('href', 'https://www.google.com'); //Your URL internal or external.If you don't want manual URL, add desire URL on data attribute and take URL from there.
    $(this).addClass('fa fa-link');

  },
  function() {
    $(this).attr('href', '#'); //Your URL
    $(this).removeClass('fa fa-link');

  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<a target='_blank' href='#'>Link</a>

Проверьте другие значки fontawesome .

...