Основы Web-инжиниринга. Часть 1. Громов Ю.Ю - 120 стр.

UptoLike

ВУЗ: 

ТГТУ | Тамбов

Составители: 

Рубрика: 

Для загрузки k-го изображения формируется имя файла по формуле "m"+k+".gif".
var k = 1
function succpict(){
var d = document
if (k < 4)
k = k + 1
else k = 1
d.mypict.src = "m" + k + ".gif"
}
<body>
<h4>Для смены изображения наведите курсор</h4>
<img src="m1.gif" name=mypict width=150 onMouseOver="succpict()">
</body>
3. Эффект визуального удаления/приближения изображения.
Во время работы сценария, при наведении курсора мыши на изображение, оно начинает удаляться от зрителя, уменьша-
ясь в размерах, либо увеличиваться, моделируя эффект приближения изображения. Здесь манипулируем свойством width
объекта img. При каждом вызове функций изменяется размер выводимого изображения. Функция циклически повторяется
через вызов ее каждые полсекунды.
Отдаление:
function succpict(){
var d = document
var w = d.mypict.src.width
if (w > 150)
{d.mypict.width = w – 10
d.mypict.src = "msm.jpg"
setTimeout("succpict()", 500)
}
<body>
<h4>Наведите курсор на изображение</h4>
<img src="msm.jpg" name=mypict width=300 onMouseOver="succpict()">
</body>
Приближение:
function succpict(){
var d = document
var w = d.mypict.src.width
if (w < 300)
{d.mypict.width = w + 10
d.mypict.src = "msm.jpg"
setTimeout("succpict()", 500)
}
<body>
<h4>Наведите курсор на изображение</h4>
<img src="msm.jpg" name=mypict width=100 onMouseOver="succpict()">
</body>
В дополнение к оператору if язык JavaScript оснащен дополнительной возможностью построения условных выражений.
Условное выражение имеет следующую конструкцию:
Переменная = (условие) ? если выполняется : если не выполняется;
Это выражение позволяет определить переменной одно из двух значений. Одно – в случае выполнения условия, второе
– при его невыполняемости. Приведем пример его использования:
value = (a == 1) ? 1 : 0;
Другими словами, значение после вопросительного знака будет определяться переменной в том случае, если условие
выполняется. Если условие не выполняется, то переменной определяется значение, введенное после двоеточия. Двоеточие в
этом выражении играет роль оператора else, который используется не во всех случаях.
Это сокращенное выражение предпочтительней использовать вместо условных операторов при определении значения
переменной. Ниже приведен пример отображения значения переменной counter:
document.write("Найдено" + counter + (counter == 1) ? " слово." : " слова."));
Если переменная counter имеет значение 1, то на экран выводится сообщение Найдено 1 слово. Если counter имеет
значение 2 и больше, то на экран выводится сообщение Найдено 2 слова.

Страницы