• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Скрипт hint синий плавный для uCoz (Rip by N_O_O_B)
Скрипт hint синий плавный для uCoz
Delete
Воскресенье, 13 Января 2013 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1079
Награды: 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 (2.4 Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Воскресенье, 13 Января 2013 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Прикольный, красивый по цветовой гамме хинт. Ему бы углы закруглить, на сайте гдето есть стили специально для хинта. Закругляет углы. Совсем по другому смотрелось.
Страна: (RU)
Delete
Воскресенье, 13 Января 2013 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1079
Награды: 7
Kosten, себе поставь...

На случай если буду нужен, то я там же, где и был, когда был не нужен...
Страна: (RU)
Kosten
Воскресенье, 13 Января 2013 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Да об этом думал.. как найду стили как углы закруглить так наверно и поставить надобно wink
Страна: (RU)
Kosten
Суббота, 02 Января 2016 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Если кому нужен светло темный хинт, то можете поставить этот скрипт. Все по дизайну он точно такой, только в синем оттенке цвета.



Код
<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 (41.2 Kb)
Страна: (RU)
workman
Суббота, 02 Января 2016 | Сообщение 6
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
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 Января 2016, 21:54
Страна: (RU)
workman
Суббота, 02 Января 2016 | Сообщение 7
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Kosten,
Цитата Kosten ()
спасибо за информацию
Да не за что!!! Всегда рад помочь!!! smile
Страна: (RU)
workman
Воскресенье, 03 Января 2016 | Сообщение 8
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kvint ()
к ста те это очень нужная вещь, всегда приложится, держи пять, виде плюса
Благодарен!! smile ОбращайтесЪ если чИто ... biggrin
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт hint синий плавный для uCoz (Rip by N_O_O_B)
  • Страница 1 из 1
  • 1
Поиск: