» »

Внешнее ссылки с переходом для uCoz


Внешнее ссылки с переходом для uCoz

Здесь вы можете выделить в рамки внешнее ссылки на сайте, что будет сразу видно. Плюс к тому переход будет производится через специальную страницу. Это страница вам показана на изображение. Но и как уже сказано, пользователь или гость интернет ресурса, здесь сразу поймет, что ссылка ведет на совершенно другой портал, а не внутренне. Если он решит перейти, то попадает на один пост, где будет написано, что вы если решили перейти и адрес сайта, куда ведет. И какое то время она будет держатся и потом автоматически произойдет переход. Возможно вы встречали к примеру как работает такой код, что переход не сразу осуществляется, вот здесь точно так будет.

Установка очень простая, вам нужно скопировать скрипт и поставить в низ сайта. В низ установив, это значит будет работать по всему порталу, просто можете поставить и вы сразу увидеть как все ссылки преобразятся и попробуйте перейти и поймете работу.

Код
<script type="text/javascript">  
$(document).ready(function() {  
$("a[href^=http]").each(  
function(){  
if(this.href.indexOf(location.hostname) == -1) {  
$(this).attr("target", "_blank").css({"background":"#f3f3f3", "border":"1px solid #ccc", "padding":"3px", "border-radius":"2px", "color":"#999"});  
}  
});  
});  
</script>


Источник: Webo4ka.ru
31.10.2016 Просмотров: 290 Комментарий: (2)

Поделиться в социальных сетях

Материал разместил

Комментарий: 2
FeStemBer
FeStemBer 31.10.2016 18:051
0
Вот страница перехода очень понравилась, а выделение не так, может его просто как то убрать, или просто в стилях переделать.
Kosten
Kosten 31.10.2016 18:102
0
На тестовом сайте проверял, и здесь у кого смотря по конструкций сайт, на тестовом такой же шаблон стоит от системы и мне пришлось увеличить шрифт, чтоб сделать изображение. Но оставил его по умолчанию, возможно кому то так отлично подойдет, но и там еще плюс плюс и минус немного не совпадает, но все в стилях это делается, если не понятно, пишем и разберем его.
avatar