Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт hint синий плавный для uCoz (Rip by N_O_O_B)
Скрипт hint синий плавный для uCoz
Delete
Дата: Воскресенье, 13.01.2013, 12:22 | Сообщение # 1
Проверенные
Сообщений:1075
Награды: 7




Описание:
Скрипт хинт в синих тонах с плавным появлением и исчезанием для uCoz Rip by N_O_O_B

Установка:
В нижнюю часть сайта вставляем:

Код
<script type="text/javascript">
$('a[title]').hover(function (e) {   
$(this).data('titl', $(this).attr('title'));   
e = e || window.event;   
$(this).removeAttr('title');   
$('body').append($('<div class="hint" style="opacity: 0; color: #fff; padding: 3px; position: absolute; border: 1px dashed #469BCD; background: #0066A1;"></div>').css({   
top: e.pageY + 20,   
left: e.pageX + 20   
}).html($(this).data('titl')).animate({   
opacity: 0.8,   
top: '-=10px',   
left: '-=10px'   
},   
300));   
$(this).mousemove(function (ev) {   
ev = ev || window.event;   
$('div.hint').css({   
top: ev.pageY + 10,   
left: ev.pageX + 10   
});   
});   
},   
function () {   
$('div.hint').animate({   
opacity: 0,   
top: '+=10px',   
left: '+=10px'   
},   
300, function () {   
$(this).remove();   
})   
$(this).mousemove(function(){}),   
$(this).attr('title', $(this).data('titl'));   
});   
</script>


Если кому то нужен под дизайн то пишите в комментариях =)
Прикрепления: 0103663.png(2Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Kosten
Дата: Воскресенье, 13.01.2013, 13:50 | Сообщение # 2
Администраторы
Сообщений:12664
Награды: 39


Прикольный, красивый по цветовой гамме хинт. Ему бы углы закруглить, на сайте гдето есть стили специально для хинта. Закругляет углы. Совсем по другому смотрелось.

Delete
Дата: Воскресенье, 13.01.2013, 15:50 | Сообщение # 3
Проверенные
Сообщений:1075
Награды: 7


Kosten, себе поставь...

На случай если буду нужен, то я там же, где и был, когда был не нужен...
Kosten
Дата: Воскресенье, 13.01.2013, 16:13 | Сообщение # 4
Администраторы
Сообщений:12664
Награды: 39


Да об этом думал.. как найду стили как углы закруглить так наверно и поставить надобно wink

Kosten
Дата: Суббота, 02.01.2016, 20:47 | Сообщение # 5
Администраторы
Сообщений:12664
Награды: 39


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



Код
<script type="text/javascript">  
  $('a[title]').hover(function (e) {  
  $(this).data('titl', $(this).attr('title'));  
  e = e || window.event;  
  $(this).removeAttr('title');  
  $('body').append($('<div class="hint" style="opacity: 0; color: #fff; padding: 3px; position: absolute; border: 1px dashed #eee; background: #555;"></div>').css({  
  top: e.pageY + 20,  
  left: e.pageX + 20  
  }).html($(this).data('titl')).animate({  
  opacity: 0.8,  
  top: '-=10px',  
  left: '-=10px'  
  },  
  300));  
  $(this).mousemove(function (ev) {  
  ev = ev || window.event;  
  $('div.hint').css({  
  top: ev.pageY + 10,  
  left: ev.pageX + 10  
  });  
  });  
  },  
  function () {  
  $('div.hint').animate({  
  opacity: 0,  
  top: '+=10px',  
  left: '+=10px'  
  },  
  300, function () {  
  $(this).remove();  
  })  
  $(this).mousemove(function(){}),  
  $(this).attr('title', $(this).data('titl'));  
  });  
  </script>
Прикрепления: 2962776.jpg(41Kb)


workman
Дата: Суббота, 02.01.2016, 21:51 | Сообщение # 6
Vip
Сообщений:1576
Награды: 7


Kosten, Так вот сюда и прописывай скругление углов и что угодно в скрипте
Код
<div class="hint" style="opacity: 0; color: #fff; padding: 3px; position: absolute; border: 1px dashed #469BCD; background: #0066A1;"></div>


Код
-moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
-webkit-border-radius: 10px; /* закругление для старых Chrome и Safari */
-khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
border-radius: 10px; /* закругление углов для всех, кто понимает */


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Суббота, 02.01.2016, 21:54
workman
Дата: Суббота, 02.01.2016, 22:31 | Сообщение # 7
Vip
Сообщений:1576
Награды: 7


Kosten,
Цитата Kosten ()
спасибо за информацию
Да не за что!!! Всегда рад помочь!!! smile


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
workman
Дата: Воскресенье, 03.01.2016, 09:14 | Сообщение # 8
Vip
Сообщений:1576
Награды: 7


Цитата Kvint ()
к ста те это очень нужная вещь, всегда приложится, держи пять, виде плюса
Благодарен!! smile ОбращайтесЪ если чИто ... biggrin


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт hint синий плавный для uCoz (Rip by N_O_O_B)
Страница 1 из 11
Поиск: