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'، 'تحليل التأثيرات والأساليب في jQuery'، 'تحليل طرق العمل على الجداول (table) في jQuery'، 'تحليل استخدام Ajax في jQuery'، 'تحليل التأثيرات والأساليب الشائعة في jQuery'، 'تحليل استخدام التحركات وال تأثيرات في jQuery'، و 'تحليل استخدام ميزات المحددات في jQuery'.
آمل أن يكون هذا المقال قد ساعد الجميع في تصميم برمجيات jQuery.
البيان: محتوى هذا المقال تم جمعه من الإنترنت، ملكية المادة للمالك الأصلي، تم جمع المادة من قبل المستخدمين عبر الإنترنت الذين قاموا بتحميلها، هذا الموقع لا يمتلك حقوق الملكية ولا قام بتحرير المحتوى بشكل يدوي، ولا يتحمل أي مسؤولية قانونية مرتبطة بذلك. إذا كنت قد وجدت محتوى يشتبه في انتهاك حقوق النسخ، فيرجى إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال #بـ @) للإبلاغ، وتقديم الدليل المتعلق، وسيتم حذف المحتوى المزعوم فور التحقق منه.