Function calculetion

10 KISM. KAVATLAR 2.

Biz allakachon kavatlar yangi texnologiyasining asosiy tushunchalariga ega buldik. Bu kismda kuyidagi mavzularni kurib chikamiz.

• 
  Kavatdan kirkib olish.
  
• 
  Kuyilgan kavatlar.
  
• 
  Yaltirok kavatlar bilan turli xil samaralar olish.
  

Kavatlardan kirkib olish.
Kavatning kandaydir kismi (turtburchak) kurinadigan kilish mumkin. Bunday usul kirkib olish deyiladi. Masalan, HTML saxifasida kuyidagi kirkib olish funksiyasini berishimiz mumkin:



Berilgan tasvir fragmenti 90x70 ulchamga ega. Clip atributidagi 1 chi 2 ta kiymat kirkilayotgan kismning chapdan yukori burchakni kursatada. Navbatdagi 2 ta kiymat pastki ung burchakni kursatadi. Java S tili yordamida kirkilgan kismni boshkarib bundan xam kizikarli natijalarga erishish mumkin. Anikrok aytganda Layer obyektini xususiyatlari bulgan clip.left, clip.top, clip.right va clip.button larni uzgartirishingiz mumkin. Agarda bu xususiyatlarga yangi kiymat bersangiz xuddi shu vaktning uzida bu uzgarish mos ravishda kabul kilinadi. Kuyidagi 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 nuktasidan boshlashni aniklaymiz. Bu nuktaning x va u koordinatalarini midde x va midde y uzgaruvchilarga yuklaymiz. Bundan sung biz tasvirni kirkilgan kismiga middeleX, middleY va pos uzgaruvchilariga boglik ravishda ulcham beruvchi show ( ) funksiyasini chikaramiz. Xar safar show ( ) funksiyasi chakirilganda pos funksiyasi kiymati avtomatik ravishda oshib boradi. Show ( ) funksiyasi oxirida setTimeOut ( ) chakirigi yordamida taymer urnatamiz va bunda bu funksiya va yana chakiriladi. Bu jarayon kachonki bu kirkilgan kism butun bulib kuringuncha davom etadi. Shu yerda Start ( ) funksiyasi boshida tasvirning ulchamini olganimizni e’tiborga olib utish kerak.
Var width = document.layers[“imglayer”].document.dowiuci.width;
Var height = document.layers[“imglayer”].document.dowiuci.height;
Document.layers[“imglayer”] konstruksiyasi yordamida bu imglayer nomli kavatga murojat kilishimiz mumkin. Birok nima uchun document.layers[“imglayer”] dan sung document deb yoziladi?
Gap shundaki, xar bir kavat uzining HTML saxifasiga ya’ni xar bir kavat document obyektiga ega. Imglayer kavatdagi tasvirga ruxsat olish uchun biz Varakning kolgan barcha maydoni toza ushbu document obyektiga ruxsat olishimiz kerak. Yukorida keltirilgan misolimizda bunday tasvir dovinci nomiga ega edi. bulishi kerak.
§
Kurib utganimizdek, kavat uzida bir necha obyektlarni mujassamlashtirishi mumkin. Ular xattoki boshka kavatlarni uz ichiga olishi mumkin. Xakikatan esa kuyilgan kavatlardan foydalanishning bir necha sabablari bor. Bir necha kuyilgan kavatlarni nomoyon kiluvchi misollarni kurib chikamiz. Birinchi misolda ikkita boshka (layer1 va layer2) kavat kuyilgan kavat (parentlayer deb nomlanadi) ishlatiladi.
Bu birinchi kavat Bu ikkinchi kavat
Bu asosiy (ona) kavat

Move/stopparent

Move/stoplayer

Move/stoplayer

Saxifni ochganimizdan sung biz 3 ta tugmacha kuramiz. Bu tugmachalar kavatlar xarakatini boshlashi yoki tuxtashi mumkin.
document.layers [ “ parentlayer ”].layers[ “ layer 2 ”].top = 10 + pos 2 ;
Kuyilgan kavatlarga ruxsat olish uchun layer 1 va layer 2 kavatlar parentlayer ichida joylashganligi sababli sizga document.layers [ “layer 1”] yoki document.layers[ “ layer 2 ”] deb yozish yetarli bulmaydi.
Endi kanday kilib kavatdan kurinadigan maydonni kurib chikamiz. Navbvtdagi misolda tasvirni kirkish va joylashtirish mexanizmidan foydalanilgan.
Va yana kuyilgan kavatga murojatlarni kurish mumkin:
document.layers [ “ clippinglayer ”].layers[ “ imglayer ”].top = 100 + pos ;
skriptning kolgan elementlari bilan allakachon tanish bulishingiz kerak.