» »

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


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

Хинт высвечивающий посдказки при наводе на ссылку ДЛЯ 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.04.2012 Просмотров: 2748 Комментарий: (9)

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

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

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