Главная » 2012 » Июнь » 21 » Стильные функциональные уведомления на jQuery (Скрипты для ucoz)
21.06.2012, 12:00

Стильные функциональные уведомления на jQuery




Данный скрипт позволяет вам делать замечательные уведомления на вашем сайте.
После </head> на нужных страницах ставим:
Code
<script type="text/javascript" src="/js/jquery.notty.js"></script>  
  <link rel="stylesheet" type="text/css" href="/css/jquery.notty.css" />  

  <script type="text/javascript">  
  $(document).ready(function() {  
  $('#sample1').click(function() {  
  $.notty({  
  content: "This is a <strong>text notification</strong>."  
  });  
  return false;  
  });  
  $('#sample2').click(function() {  
  $.notty({  
  title: "2011 England riots",  
  content: "Widespread public disturbances, including looting, arson attacks, burglary, robbery and some rioting, are ongoing in some cities and towns in England."  
  });  
  return false;  
  });  
  $('#sample3').click(function() {  
  $.notty({  
  title: "Juno (spacecraft)",  
  content: "Juno is a NASA New Frontiers mission to the planet Jupiter. It was originally proposed at a cost of approximately US$700 million (FY03) for a June 2009 launch.",  
  img: "images/demo/thumb.jpg",  
  showTime: false  
  });  
  return false;  
  });  
  $('#sample4').click(function() {  
  $.notty({  
  content: 'This notification will disappear in <strong>five seconds</strong>.',  
  timeout: 5000,  
  showTime: false  
  });  
  return false;  
  });  
  $('#sample5').click(function() {  
  $.notty({  
  content: "Click on me to try the <strong>callback</strong> function",  
  click:  
  function() {  
  $.notty({  
  content: 'This notification was just created.',  
  title: 'Callback!'  
  });  
  }  
  });  
  return false;  
  });  
  $('#sample6').click(function() {  
  var title = prompt("Please enter the title of the notification","Just another title");  
  var text = prompt("Please enter the the text of the notification","Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur enim massa, euismod id sollicitudin vitae, iaculis quis erat. Duis et ligula sapien, sed varius lectus. Sed quis urna orci.");  
  var img = prompt("Please specify an image src","");  
  if(img != '') {  
  $.notty({  
  content: text,  
  title: title,  
  img: img  
  });  
  } else {  
  $.notty({  
  content: text,  
  title: title  
  });  
  }  
  return false;  
  });  
  $('#sample7').click(function() {  
  $.notty({  
  content: 'I have been clicked, so my work here is complete. Elvi ... wait ... <strong>Superman</strong> has left the building.',  
  img: "images/demo/thumb2.jpg",  
  timeout: 5000,  
  showTime: false  
  });  
  return false;  
  });  
  });  
  </script>


Ссылка вызова уведомления (ставить куда вам нужно):
Code
<p><a id="sample1" href="#">Just a simple text notification.</a></p>

Файл скрипта залейте в папку js и файл стилей в папку css в корне сайта.
Готово
Материал взят с сайта infoscript.ru
Теги: Скачать Стильные функциональные уведомления на jQuery
Скачать "Стильные функциональные уведомления на jQuery"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: http://www.apo-ucoz.com
Категория: Скрипты uCoz | Просмотров: 1203 | Добавил: sold93 | Рейтинг: 2.5/2 |
Теги: jQuer, На, уведомления, стильные, функциональные
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]