Оригинал сообщения

Спосоры месяца:

Туризм в Беларуси глазами обывателя.

Интересные истории о жизни за пределами России в блоге “Наши за границей“.

---

BetterTip - очень простой и удобный способ отображения всплывающих подсказок. Плагин разработан на основне библиотеки JQuery.

[500x248]

Пример работы BetterTip

Скачать BetterTip

Вес скрипта вместе с CSS и картинками - 12кб, а в сжатом виде - 10кб.

Бесплатный и быстрый файлообменник IFolder - это место, где можно найти тонны музыки, софта, картинок, видео и другой информации, которую вы так искали! Кроме того, там вы можете зарабатывать ;)

Корпорация Связи предлагает красивые номера Билайн, МТС, Мегафон, Скайлинк - это прекрасный подарок для тех, кто не привык оставаться в тени!

А где заработать много денег?

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

<link rel="stylesheet" href="path-to/BetterTip/jquery.bettertip.css" type="text/css" />



<script type="text/javascript" src="path-to-jquery/jquery-1.1.3.1.js"></script>

<script type="text/javascript" src="path-to/BetterTip/jquery.bettertip.js"></script>

Параметры

1. openWait - число миллисекунд, в течение которых пользователь должен держать курсор наведенным, чтобы всплыла подсказка (по умолчанию: 500)


2. closeWait - число миллисекунд, в течение которых подсказа должна оставаться видимой после того как пользователь отведет курсор с блока с подсказкой (по умолчанию: 0)


3. enableCache - может принимать значения true либо false, определяет должен ли контент, вызываемый с помощью AJAX кешироваться  (по умолчанию: true)

Вызов функции

<script type="text/javascript">

    $(function(){

       BT_setOptions({openWait:2000, closeWait:4000, enableCache:false});

    })

</script>

Пример кода

Вы можете назначить всплывающие подсказки для элементов <a> или <div>. Например:

<a id="mylink" href="ajax.cfm?width=250" class="betterTip" title="$none">

    Dynamic tooltip an 'a' element

</a>

Элемент <a> должен иметь ID, а также класс с именем betterTip. Атрибут title определяет какой заголовок будет у подсказки. Вы модете выбрать одно из двух значение:

$none - если вы не хотите, чтобы у подсказки был заголовок

$content - если вы хотите чтобы подказка содержала тот же контент, что и блок, на который он навел курсором.

Атрибут href отвечает за место, откуда будет загружаться контент подсказки. Здесь, в качестве параметра, вы можете указать ширину блока с подсказкой.  По умолчанию - 250px.

Если href начинается с символа $, это означает, что BetterTip должен взять контент из другого элемента страницы. Например href=”$mydiv?width=500″ означает, что текст подсказки будет взят их элемента div с id=”mydiv” и шириной блока подсказки 500px.

<a id="mylink" href="$mydiv?width=500" class="betterTip" title="$content">

    Static tooltip an 'a' element

</a>

<div id="$mydiv" style="display:none;">

    Here is the content for the tooltip!

</div>

Чтобы подсказка всплывала для элемента div, а текст подсказки загружался из другого документа с помощью AJAX, используйте следующий код:

<div class="betterTip" id="div1" style="background-color:#eeeeee;">

    <a id="a1" href="ajax.cfm?width=300" class="betterTip" title="$none"></a>

    Dynamic tooltip for a div

</div>

Вместо ajax.cfm может быть любой другой файл, откуда вы хотите загрузить контент.

Пример работы BetterTip

Скачать BetterTip

[показать]LIci WP - WordPress crossposting plugin