Първата уеб-скрипт, който пишем ще бъде доста проста. Тя показва на интернет страниците на текущата дата.
В началото на тази книга, аз започнах да уча в HTML, ние сме създали една малка уеб-страница 1.1.htm. Ние ще го намери и да го отворите в Notepad. В края на своята HTML- код преди затварянето
Var dNow = нови Дата ();
Var сняг = dNow.toString ();
Актуализиране на открито в уеб-страницата на уеб-браузър, като натиснете
Сега нека да направим нещо малко по-сложно - да направят списъци на стоки, които формират групата навигация index.htm уеб-страница, променете цвета на рамката, когато задържите курсора на мишката върху тях. Така че ние даваме на посетителя да се разбере, че тези елементи уеб-страници могат да отговорят на неговите действия.
Първо, отворете листа стил и ще направи своя CSS код някои промени. На първо място, правилната комбинация стилове #navbar LI и #navbar LI UL LI, както е показано в Пример 14.3.
На първо място, ние поиска елементи от "външни" и вложени списъци, които образуват формата на навигационната лента на курсора като "сочи с пръст". Така че ние даваме на посетителя да се разбере, че тези елементи се държат като хипервръзки, и те могат да кликнете с мишката.
На второ място, ние сме създали списък с елементи затворени тънък твърд кадър от същия цвят като фона, на уеб страницата. Тази рамка не се вижда.
След това добавете в стилове, че това е стил:
Създали сме клас стил, който определя цвета на рамката. От класа на стил е по-малка специфична от комбиниран стил, ние направихме атрибут стил, който определя цвета на рамката, важно. (За най-важните атрибути на стил, виж гл. 7).
Ако се връзвам този стил и да е елемент от списъка, образувайки група навигация - "външно" или вложени - той ще поиска нов цвят точка рамка. В резултат на това в позиция "външен" списък ще стане по-тъмна и невидима рамка вложени елемент от списъка - видими.
Сега ще се отвори в Notepad уеб-страница index.htm и го сложи в заглавната секция (таг
) Такъв етикет:А в края на HTML-кода на уеб-страницата, преди затварянето
, поставете този таг:
Най-накрая в главната папка на нашия уеб-сайт ще създаде текстов файл main.js и пише съдържанието на Обява 14.4.
Това също е един уеб-скрипт. Но ние вече сме го постави в отделен файл main.js.
това Запазване от UTF-8 кодиране (да се направи това, е описано в глава 1).
Всички поведение е създаден. Отворете index.htm уеб-страница в уеб-браузъра. Задръжте курсора на мишката над всеки елемент в лентата за навигация и да видим как тя ще се появи около тъмната рамка.