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">
#imgSel{position:absolute;}
</style>
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("function () {
$("document").mousemove(function (e) {
$("#imgSel").animate({"left":e.pageX,"top":e.pageY},0.1);
});
});
</script>
</head>
<body>
<img id="imgSel" src="../images/select.JPG" />
</body>
</html>
Дополнительную информацию о jQuery можно найти в разделе: «Суммарные эффекты и техники jQuery», «Суммарные техники расширения jQuery», «Суммарные плагины и их использование jQuery», «Суммарные техники drag and drop jQuery», «Суммарные техники работы с таблицами (table) jQuery», «Суммарные техники использования Ajax в jQuery», «Суммарные классические эффекты jQuery», «Суммарные техники анимации и эффектов jQuery» и «Суммарные техники использования селекторов jQuery»
Надеюсь, что это руководство поможет вам в разработке программ на jQuery.
Заявление: Контент этой статьи взят из Интернета, авторские права принадлежат соответствующему автору. Контент предоставлен пользователями Интернета, самостоятельно загружен, сайт не обладает правами собственности, не underwent редактирование и не несет ответственности за соответствующие юридические последствия. Если вы обнаружите контент,涉嫌侵犯版权， пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (при отправке письма, пожалуйста, замените # на @) для сообщения о нарушении и предоставьте соответствующие доказательства. В случае подтверждения, сайт немедленно удаляет涉嫌侵权的内容.