|
JavaScript ÖRNEKLERİ |
Örnek 1 |
Mouse Etkileşimli Menu Örneği;
HEAD..../HEAD tagları arasına yerleştirilecek HTML kodu;
.... tagları arasına yerleştirilecek HTML kodu;
Yapılması gerekenler;
1.ADIM: Menüde kullanılacak resimleri oluşturmak...
Örneğimizde 4 ayrı grafik obje kullanıyoruz. Aşağıda gösterilen bu grafikleri bir resim işleme programı yardımıyla oluşturmakla işe başladık ve bu işlem için biz "Paint Shop Pro 5.0" programını kullandık.
2.ADIM: Javascript Kodu ile sayfa gövdesinde kullanılacak HTML kodunu yazmak...
Yaptığımız sayfanın kaynak kodunda ilgili yerlere yukarıda belirttiğimiz kodları yazarak dosyayı ".HTM" yada ".HTML" uzantısı ile kaydettik. Bu işlemler için bildiğiniz Windows 95'in NOT DEFTERİ'ni kullandık...
3.ADIM: Sayfayı test etmek...
HTM uzantısı ile kaydettiğimiz sayfa dosyasını bir "WEB BROWSER" ile açarak nasıl göründüğünü test ettik. Sayfa istediğimiz gibi olana kadar kaynak kodlarında düzeltmeler yaptık.
|
| |
