![]() ![]() ![]() |
|||
|
|||
Урок 8 | |||
Урок 1 | От HTML уроците знаете как се вмъкват картинки | ||
Урок 2 | в web-страница. Сега вижте как с помощта на | ||
Урок 3 | JavaScript може да раздвижите тези картинки. | ||
Урок 4 | Първо трябва да знаете, че картинките се представят | ||
Урок 5 | чрез масив, който се казва images. Той е достъпен от | ||
Урок 6 | обекта document. Първата картинка в страницата има | ||
Урок 7 | номер 0, втората 1 и т.н. Така че, ако искате да се | ||
обърнете към първата картинка
трябва да напишете: document.images[0]
Но ако сте дали име на картинката примерно: <img src="Me.jpg" name="Image1" width=50 height=40> то може да се обърнете към тази картинка по име: document.Image1 Може да получите информация за широчината и дължината и (в пиксели) с помощта на атрибутите height и width: document.Image1.width document.Image1.height Но по-интересно е как може при някакво действие от страна на читателя да се променят картинките:
Кода за тази програма е: <IMG SRC="M31.jpg"
NAME="myIMG" HEIGHT=225 WIDTH=450>
и текст:Стара планина
Атрибутите left и top определят(в пиксели) къде ще се разположат обектите спрямо горния ляв ъгъл на прозореца на браузъра. В примера тези атрибути имат еднакви стойности, за да се получи припокриването. Но по-важния атрибут тук е z-index= определя обекта към кои слой принадлежи. Ако на картинката присвоите по- голяма стойност спрямо тази на текста, то тя ще бъде в по-горен слой: Ако искаме да определим позицията на слоевете спрямо текущото положение на страницата използваме етикета <ilayer> вместо <layer>. Запознах ви с етикета <layer>, за да може да разберете следващия пример. Но ако ви е интересна темата и искате да получите повече информация (тук е показана минимална част от атрибутите) може да отидете на адрес: http://home.netscape.com/comprod/products/ communicator/index.html А ето и сaмият пример: Може да използвате примера във вашите web-страници като на мястото на червено оцветения текст поставите името на желаната от вас картинка. Oпитайте се сами да разберте кода! Ако имате желание, може да прочетете повече по тази тема в Voodoo's tutorial на адрес: http://rummelplatz.uni-mannheim.de/~skoch/ Завършвам учебника с този хубав, но и малко сложен пример, за да ви покажа, че има още много работи по темата, които може да се научат и прочетат. |
|||
Урок 1 | Но целта на моя учебник бе да е максимално | ||
Урок 2 | компактен и същевременно да може човек с негова | ||
Урок 3 | помощ да направи хубави web-страници. Надявам се | ||
Урок 4 | да ви е бил полезен. Очаквам вашите мнения и | ||
Урок 5 | препоръки на адрес:biser10397@yahoo.com | ||
Урок 6 | |||
Урок 7 | //Choose View-Encoding:Cyrillic from the menu // | ||
![]() ![]() ![]() |