Главная страница | Контакты | Случайная страница Автомобили Астрономия Биология География Дом и сад Другие языки Другое Информатика История Культура Литература Логика Математика Медицина Металлургия Механика Образование Охрана труда Педагогика Политика Право Психология Религия Риторика Социология Спорт Строительство Технология Туризм Физика Философия Финансы Химия Черчение Экология Экономика Электроника

Обработка динамических эффектов

Задача 1. «Смена изображения»

Постановка задачи:

Осуществить замену первого графического изображения на другое при наведении фокуса мыши на маленькую иконку другого, выполнить обратное действие при отведении фокуса мыши.

Алгоритм решения:

3.jpg– первое графическое изображение

33-0.jpg, ….., 33-11.jpg– другое графическое изображение

document.images[0].src – первый элемент массива графических изображений на Web-странице

1. Устанавливаем первое графическое изображение img src="3.jpg "

2. Используем обработчик события onMouseOver для наведения на объект фокуса мыши onMouseOver="document.images[0].src=33-0.jpg ", при этом осуществляем вывод второго графического изображения

3. Используем обработчик события onMouseOut для отведения с объекта фокуса мыши onMouseOut="document.images[0].src=3.jpg ", при этом осуществляем вывод первого графического изображения

JavaScript-код задачи:

<img src="3.jpg "

<marquee bgcolor="cornflowerblue" scrollamount=7 >

<img src="33-0.jpg" border=1 width=100 onMouseOver="document.images[0].src='33-0.jpg' "

…………………………

<img src="33-11.jpg" border=1 width=100 onMouseOver="document.images[0].src='33-11.jpg' " onMouseOut="document.images[0].src='3.jpg' ">&nbsp

</marquee> >

Задача 2. «Часы»

Постановка задачи:

Создать часы подходящие по стилю к сайту.

Алгоритм решения:

Создаем вывод часов с тенью из JavaScript-задачи.

<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:comic sans ms;color:lime;font-size:60px;top:2px;left:28px"></div>

<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:comic sans ms;color:DDDDDD;font-size:60px;top:0px;left:24px"></div>

JavaScript-код задачи

<script>

function clockon() {

thistime= new Date()

var hours=thistime.getHours()

var minutes=thistime.getMinutes()

var seconds=thistime.getSeconds()

if (eval(hours) <10) {hours="0"+hours}

if (eval(minutes) < 10) {minutes="0"+minutes}

if (seconds < 10) {seconds="0"+seconds}

thistime = hours+":"+minutes+":"+seconds

if(document.all) {

bgclocknoshade.innerHTML=thistime

bgclockshade.innerHTML=thistime

}

if(document.layers) {

document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:12px">'+thistime+'</div>')

document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:10px">'+thistime+'</div>')

document.close()

} var timer=setTimeout("clockon()",200)

}

</script>

Заключение

Выделим некоторую общую тенденцию в развитии языков программирования: языки развиваются в сторону все большей и большей абстракции. И это сопровождается падением эффективности. Но это стоит того: повышение уровня абстракции влечет за собой повышение уровня надежности программирования. С низкой эффективностью можно бороться путем создания более быстрых компьютеров. Если требования к памяти слишком высоки, можно увеличить ее объем. Это, конечно, требует времени и средств, но это решаемо. А вот с ошибками в программах можно бороться только одним способом: их надо исправлять. А еще лучше — не совершать. А еще лучше максимально затруднить их совершение. И именно на это направлены все исследования в области языков программирования. А с потерей эффективности придется смириться.

Целью данного обзора была попытка дать представление о всем многообразии существующих языков программирования. Среди программистов часто бытует мнение о всеобщей применимости того или иного языка (C, C++, Pascal и т.п.). Часто проводятся дискуссии вида <язык A лучше, чем язык B>. Прочитав этот обзор, можно убедится в бессмысленности таких споров. Максимум, о чем может идти речь — это о преимуществах одного языка над другим при решении той или иной задачи в тех или иных условиях. Вот здесь действительно иногда есть о чем поспорить. И решение подчас отнюдь не очевидно.

Список литературы

1.Информатика под редакцией Е.К. Хеннера, М.,Академия,2004г.

2.Информатика.Базовый курс под ред. С. В. Симоновича, С.-П «Питер» 2005г.

3.Языки программирования. Обзор-ликбез. Хакер №4,с.36-40.

4.Р.Богатырев, Природа и эволюция сценарных языков, Мир ПК, №11,2001

5.Г.Буг, Объектно-ориентированный анализ и проектирование

6.http://citforum.ru

7. http://school.keldysh.ru/sch444/MUSEUM /LANR/evol.htm

8. http://ru.wikipedia.org

9. http://www.levenez.com/lang

10. http://tiobe.com

11. Кингсли-Хью Э., JavaScript: учебный курс. - СПб.: Питер, 2002

12. Бранденба JavaScript: сборник рецептов – Питер, Санкт-Петербург, 2000

13. Келли Л. Мэрдок JavaScript. Наглядный курс создания динамических Web-

страниц Диалектика, М, 2001