English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Пример реализации эффекта следования рекламного окна в правом нижнем углу с помощью jQuery. Поделюсь с вами для вашего参考. Вот подробности:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body{margin:0px;font-size:12px;}
#message
{
width:100px;
height:100px;
position:fixed;
background-color:gold;
right:0px;
bottom:0px;
display:none;
}
</style>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
//Внимание, slideDown используется для раскрытия, slideUp для скрытия
$("#message").slideDown(2000, function () {
//$(this).slideUp(5000); //За 5 секунд будет спрятан
setTimeout("$('#message').slideUp(5000);",2000) //С помощью таймера ожидается, что через две секунды будет спрятан, обратите внимание, что здесь нельзя использовать $(this), необходимо использовать ID
});
});
</script>
</head>
<body>
<div id="message">
Я реклама, извините!
</div>
</body>
</html>
Чьи-то, кто интересуется дополнительной информацией о jQuery, могут ознакомиться с нашими专题ами на сайте: «Сводка навыков расширения jQuery», «Сводка常用 jQuery плагинов и их использования», «Сводка навыков анимации и эффектов jQuery», «Сводка навыков работы с таблицами (table) jQuery», «Сводка навыков использования Ajax в jQuery», «Сводка навыков классических эффектов jQuery», «Сводка навыков анимации и эффектов jQuery» и «Сводка навыков использования селекторов jQuery»
Надеюсь, что информация, изложенная в этой статье, поможет вам в разработке на jQuery.
Заявление: содержимое этой статьи взято из Интернета, авторские права принадлежат соответствующему автору. Контент предоставлен пользователями Интернета в порядке самостоятельной подачи, сайт не имеет права собственности на него, не производит ручную редактуру и не несет ответственности за нее. Если вы обнаружите подозрительное нарушение авторских прав, пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (во время отправки письма замените # на @) для сообщения о нарушении и предоставьте соответствующие доказательства. В случае подтверждения нарушения сайт немедленно удаляет涉嫌侵权的内容.