ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Хинт высвечивающий подсказки на Юкоз

Хинт высвечивающий подсказки на Юкоз

Хинт высвечивающий подсказки на Юкоз
Хинт высвечивающий посдказки при наводе на ссылку ДЛЯ UCOZ. На сайте zornet.ru вы всегда найдете нужный скрипт или шаблон ucoz для сайта. так же на форуме есть раздел все для сайта ucoz. И там же можно найти раздел о помощи или подсказки по теме дизайн сайта. Так же хочу сказать все скрипты проверенны на тестовом сайте на работоспособность. Пожалуйста если вдруг найдете не рабочий скрипт отпишите в комментариях. И все будит исправлено.
Переходим к установке скрипта ucoz
В конец BODY:
Code
<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>
18 Апреля 2012 Просмотров: 3990 Комментариев: (9)

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

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

Оставь свой отзыв

Комментарии: 0
avatar