4762
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Сегодня мы добавим иконку у внешней ссылки используя jQuery плагин .
Иконка будет показываться рядом с теми ссылками, у которых прописан target="_blank" .
Итак приступим:
1.Подключаем скрипты в head main.tpl:
Код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" >
(function(a){
a.fn.link_external_icon=function(p){
var p=p||{};
var icon_path=p&&p.icon_path?p.icon_path:"link_external.png";
var n=a(this);
n.find("a[target='_blank']").css("padding-right","13px").css("background-image","url("+icon_path+")").css("background-repeat","no-repeat").css("background-position","center right");
}
})(jQuery);
</script>
2.Далее после тега body добавляем :
Код:
<script type="text/javascript">
$(function() {
$("body").link_external_icon({
icon_path:"/link_external_ikonka_dli_vnechnix_ccilok.png"
});
});
</script>
Все насладаемся внешними ссылками.
Можешь почитать и вот эту статейку "Замена ссылок для скачивания на изображения"
Это тоже интересно
31.08.14Стильные CSS3 hover эффекты
21.07.15Скрипт редиректа внешних ссылок
01.10.17Переливающийся текст
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.