?>
Canli      روز 100      سایت نوید      فال ابجد      دیدگاه روز      زندگی لوکس      -      روز ۱۰۰      ساناخبر      روانشناسی      اخبار اقتصادی      -      گلی شی      ویپ چی      روز ۱۰۰      هفت ستاره      سینما برتر      -      -      قیمت روز      بلوک سبک      -      قرص تاخیری      آموزش تعمیرات موبایل      *      +      -      *      +      استخر پیش ساخته      تراست ولت      ردیاب موتور      *      صرافی تتر      بروکر فارکس      +      خرید کتاب تاپ ناچ      +      *      تحلیل اتریوم      -      فیلم هندی      *      -      -      .      +      -      +      -      /      حواله وسترن یونیون      کربنات کلسیم      خرید ماینر      -      دکتر زنان مشهد      خرید لایسنس نود 32      کسب درآمد      خرید رپورتاژ      فروش آنتی ویروس      سیگنال فارکس      لایسنس رایگان نود 32      یوزر پسورد نود 32      سئو سایت      لایسنس نود32      آپدیت نود 32      بهترین بک لینک     
موس دنباله دار با جاوااسكريپت  مقالات طراحي سايت مقالات طراحي سايت .

مقالات طراحي سايت

موس دنباله دار با جاوااسكريپت

فراگيري تشكيل داد افكت زيباي موشواره طراحي اپليكيشن در مشهد دنباله دار در شيت اينترنت به ياري javascript

به اسم معبود
 
درين فراگيري مي‌خواهيم كه پروژه موشواره دنباله دار با وضعيت كارتن در شيت اينترنت به امداد جاوااسكريپت را پياده سازي نماييم.
 
آغاز در گواهي css خويش استايل هايي كه قرار ميباشد به صورت هايي كه دنباله موشواره ميايند را مي دهيم(به طور كلاس).
 
مثلا :
 
.shape {width: 30px;height: 30px;border: 3px solid #000;position: absolute;border-radius: 50%;opacity: 0.7;} 
يك كلاس با اسم shape ساخت مي كنيم و پهنا و طول آن را 30px و بوردر 3px در موقعيت solid و رنگ مشكي. و....
 
اين كلاس به صورت مارا به صورت دايره موقعيت مي‌دهد.
 
 
 
هم اكنون مي بايست يك حادثه تكان ماوس براي مدرك خويش در جاوااسكريپت تمجيد كنيم و تابعي با اسم mouseAnim را به آن نسبت بدهيم :
 
document.onmousemove = mouseAnim; 
در شكل تكان ماوس در كاغذ اينترنت خويش، تابع mouseAnim فراخواني مي شود.
 
 
 
اكنون بايستي تابع mouseAnim را توليد كنيم تا بتوانيم دستوراتي كه قرار ميباشد در حادثه تكان موشواره در برگه انجام شوند را پياده ساز ي نماييم.
 
اعتنا داشته باشيد كه بايستي آرگومان ورودي event را به آن نسبت بدهيم چون براي بدست آوردن x و y موشواره ما يحتاج ميباشد.
 
function mouseAnim(event){

 
 
هم اكنون كه واقعه را تعريف و تمجيد كرده و تابع آنرا تعريف‌و‌تمجيد نموده ايم بايستي كدها و اوامر اساسي را پياده سازي نماييم.
 
آغاز بايستي كه تايين كنيم كه‌اين تابع يك المان جديداز نوع div  براي ما بسازد و آنرا درون متغير element قرار دهد :
 
function mouseAnim(event){var element = document.createElement("div");} 
 
 
درين قسمت مي بايست كه آن كلاسي كه در بالا با اسم shape ساختيم به الماني كه ساختيم نسبت داده خواهد شد.
 
با استعمال از متود setAttribute كلاس shape را به الماني كه ساخته ايم نسبت مي‌دهيم:
 
function mouseAnim(event){var element = document.createElement("div");
element.setAttribute("class", "shape");} 
 
 
در نصيب آجل مي بايست كه خصوصيات x و y اين صورت كه قرار ميباشد دنباله ماوس خواهد شد، با خصوصيات خويش موشواره يكي از كنيم چون در غير اين شكل صورت در دنباله موشواره نخواهد آمد. همينطور به هر مورد 10 پيكسل نيز اضافه مي كنيم تا مقداري از موشواره مسافت داشته باشد و دقيقا با ماوس يكجا نباشد


برچسب: طراحي اپليكيشن در مشهد،
امتیاز:
 
بازدید:
+ نوشته شده: ۱۹ ارديبهشت ۱۴۰۱ساعت: ۱۰:۴۹:۰۹ توسط:عباسي موضوع:

ارسال نظر
نام :
ایمیل :
سایت :
آواتار :
پیام :
خصوصی :
کد امنیتی :