Qavatlarni joylashtirish

Kavatlarni joylashtirish Reja: 1. Event obyekti. 2. Drag va drop nima. 3. harakatlanayotgan obyektlarni ko'rsatish. Left va top xususiyatlar berilgan kavatning holatini belgilaydi. Siz ularga yangi kavatlar berib uni uzgartirishingiz mumkin. Masalan navbatdagi satrda kavatning gorizantal holati 200 nuqtada berilyapti: Document.layers[mylayer2].left = 200; Endi biz kavatlarni aralashtirish dasturiga utamiz, u brauzer darchasida qandaydir aylanishlar yaratadi. Skript quyidagi ko'rinishda: Biz mylayer2 nomli kavat yaratdik. tegida biz onload protsedurasini ishlatganimizni ko'rish mumkin. Bizga sahifa yuklatilgandan darrov kavat aylanishini boshlash zarur. Onload hodisalarini qayta ishlash protsedurasida biz setInterval ( ) funksiyasidan foydalanamiz. Bu Java S versiyasining yangi usullaridan biridir. Undan biror bir funksiyani yana va qayta yana aniq bir intervalida chakirishda foydalaniladi. Oldin biz buning uchun setTimeOut vaqt funksiyasidan foydalanganmiz. SetInterval funksiyasi xam xuddi shunday ishlaydi, birok siz uni bir marta chakirsangiz etarli bo'ladi. SetInterval funksiyasida biz move ( ) funksiyasini xar bir 20 millisekunddan chakirish imkoniga egamiz. Move ( ) funksiyasi esa o'z navbatida xar 20 millisekunddan kavatni yangi sohaga almashtiradi. Bu funksiyani yana va yana chakirishimiz natijasida matnimizni tez harakatlanishini kuramiz. Move( ) funksiyasida kiladigan narsamiz shuki kavat uchun yangi koordinata hisoblash va uni yozish: document.layers[mylayer2].left = pos. 10 kism. Kavatlar 2. Biz allakachon kavatlar yangi texnologiyasining asosiy tushunchalariga ega buldik. Bu kismda quyidagi mavzularni ko'rib chiqamiz. Kavatdan kirkib olish. qo'yilgan kavatlar. Yaltirok kavatlar bilan turli xil samaralar olish. Kavatlardan kirkib olish. Kavatning qandaydir kismi (turtburchak) kurinadigan qilish mumkin. Bunday usul kirkib olish deyiladi. Masalan, HTML sahifasida quyidagi kirkib olish funksiyasini berishimiz mumkin: Berilgan tasvir fragmenti 90x70 o'lchamga ega. Clip atributidagi 1 chi 2 ta qiymat kirkilayotgan kismning chapdan yuqori burchakni kursatada. Navbatdagi 2 ta qiymat pastki ung burchakni kursatadi. Java S tili yordamida kirkilgan kismni boshqarib bundan xam kizikarli natijalarga erishish mumkin. Anikrok aytganda Layer obyektini xususiyatlari bo'lgan clip.left, clip.top, clip.right va clip.button larni uzgartirishingiz mumkin. Agarda bu xususiyatlarga yangi qiymat bersangiz xuddi shu vaqtning uzida bu o'zgarish mos ravishda kabul kilinadi. quyidagi misolda tasvirni kirkib olingan kismini parametrlari dinamik ravishda uzgarib turadi va foydalanuvchida tasvir asta-sekin usayotgan day taasurot koladi: tegida tavsiflangan tugmacha start ( ) funksiyasini chakiradi. Dastlab biz ishni tasvirni kaysidir nuqtasidan boshlashni aniklaymiz. Bu nuqtaning x va u koordinatalarini midde x va midde y o'zgaruvchilarga yuklaymiz. Bundan sung biz tasvirni kirkilgan kismiga middeleX, middleY va pos o'zgaruvchilariga bog'liq ravishda o'lcham beruvchi show ( ) funksiyasini chikaramiz. Xar safar show ( ) funksiyasi chakirilganda pos funksiyasi qiymati avtomatik ravishda oshib boradi. Show ( ) funksiyasi ...