Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: как применить jQuery Simple tooltips
 
 автор: web777   (03.04.2009 в 01:14)   письмо автору
 
 

помогите плиз, не могу разобраться с одним плагином, вот страница разработчика

http://craigsworks.com/projects/simpletip/demo

как мне это применить у себя на сайте?
у них имеется документация, но не написано подробно как применять на своих страницах, как подключать и т.п.. Из того что там написано я к сожалению разобраться не смог.

попытался выдрать у них со страниц, не получается, кода слишком много, да и чтобы заработали нужно на ссылку нажать

<a rel="demo" class="demo right" href="#demo">View some demos!</a>

как я понял там имеет большое значение rel="demo", и без клика по этой ссылке не срабатывает.

Помогите пожалуйста, мне всего нужно сделать один из "Effects" применить для двух-трёх ссылок, но как это сделать?


вот например над каждым примером даётся код, например один из них

$("JQUERY SELECTOR").simpletip({ 
   position: 'bottom',
   showEffect: 'custom',
   showCustom: function(){
      // Note the this attribute refers to the tooltip itself
      $(this).css({
         fontSize: '12px',
         display: 'block'
      })
      .animate({
         fontSize: '20px'
      }, 400);
   }
});


как привязать его к некой ссылке, чтобы при наведении на ниё, срабатывал этот код?

  Ответить  
 
 автор: mihdan   (03.04.2009 в 11:38)   письмо автору
 
   для: web777   (03.04.2009 в 01:14)
 

Вот они все примеры

  Ответить  
 
 автор: web777   (03.04.2009 в 17:56)   письмо автору
 
   для: mihdan   (03.04.2009 в 11:38)
 

да, но это примеры они для себя сделали, исключительно под демо представление. Но но на самом дело применять данный плагин нужно не так, на странице демо версии там для каждого примера даётся код выше я приводил его.

  Ответить  
 
 автор: AlexSol   (03.04.2009 в 19:14)   письмо автору
 
   для: web777   (03.04.2009 в 17:56)
 

1 подключаете jQuery
2 подключаете simpletip
3 инициируете simpletip


приветро так
<script type="text/javascript" src="[путь к файлу]/jquery.js"></script>
<script type="text/javascript" src="[путь к файлу]/jquery.simpletip.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("JQUERY SELECTOR").simpletip();
})
</script>

вместо JQUERY SELECTOR указываете путь к нужному элементу
т.е. если вы задали ссылке класс TEST то указываете
$(".TEST").simpletip();

  Ответить  
 
 автор: web777   (03.04.2009 в 19:55)   письмо автору
 
   для: AlexSol   (03.04.2009 в 19:14)
 

во, огромное человеческое спасибо, именно то что нужно было, всё доходчиво объяснил:)

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования