Меню хийх


  Dreamweaver нь єєртєє меню хийхийг хялбарчилсан дэс дараатай vйлдлvvдийг агуулдаг. Менюг хийхээс ємнє танд меню дээрх холбоос бvрт 4 ширхэг ондоо єнгєтэй зургийн файль хэрэгтэй болно. Яагаад заавал 4 гэхээр эдгээр нь дараах харгалзах утгатай.

1-р зураг
  Хуудсыг нээхэд харагдах зураг. ( Хулганаар дараагvй vеийн)
2 -р зураг
  Тухайн зурган дэээгvvр хулгана хєдлєхєд харагдах зураг. Энэ нь гоё харагддаг. ( Хулганаар дараагvй vеийн )
3 -р зураг
  Хэрэглэгчийг хулганаараа дарсан тохиолдолд бусдаасаа онцлог харагдах зураг.
4 -р зураг
  Нэгэнт хулганаар дарсны дараа дээгvvр нь хулгана хєдєлгєхєд єєрчлєгдєх зураг.

зэрэг болно. Доорх жишээг vзээрэй. Миний ойлгомжгvй тайлбарыг танд бага ч гэсэн єєрєє тайлбарлах байх.


Дээрх жишээ болгосон менюг хийхээс ємнє танд зургийн файль бvтээгдсэн байгаа гэж бодоод яг хэрхэн vvнийг хийхийг vзье.

1. дvрсийг Objects panel-н Common дэд бvлгээс сонго.
2. Гарж ирэх дараах цонхонд шаардагдах єгєгдлvvдийг оруул.

 

Up Image -- 1-р зураг
Over Image -- 2 -р зураг
Down Image -- 3 -р зураг
Over While Down Image -- 4 -р зураг
тус тус харгалзан байрлана.

When Clicked, Go To URL -- Хулганаар дарсан тохиолдолд харуулах хуудасны вэб хаягийг оруул.

Хэрвээ энэ менюг хэвтээ чиглэлээр байлгахыг хvсвэл дээрх цонхны ёроолд байх Insert менюгээс Horizontally, хєндлєнгєєр бол Vertically гэдгийг сонгоно. Маш хялбархан байгаа биз дээ.

Гэхдээ дээрх аргаар меню хийх бол "амтгvй" учир нь дэндvv хялбар. Mєн JavaScript-н зарим командууд хэрэглэдэг тул зарим браузэр дээр ажиллахгvй байж болно. Тэгвэл яагаад HTML кодоор болохгvй гэж? Энэ жишээг харна уу. Менюд нь JavaScript-н ганц ч vсэг байхгvй. Yvнийг хийхийн тулд нэмэх тэмдгийн зураг () ба хасах тэмдгийн () гэсэн 2 зураг хэрэг болно. зураг нь тухайн холбоос цаашаа задрахыг зааж байхад зураг нь цаашаагаа задрахгvйг заана. Yvгээр хvмvvс хаана яваагаа мэдэж болно.