Рассмотрим скрипт
function init() {
if (ns4) block = document.blockDiv
if (ie4) block = blockDiv.style
block.xpos = parseInt(block.left)
block.active = false
}
function slide() {
if (block.active) {
block.xpos += 5
block.left = block.xpos
setTimeout("slide()",30)
}
}
... и HTML код, его вызывющий
<BODY BGCOLOR="#FFFFFF" onLoad="init()">
Click and hold the link below to move the block
<BR><A HREF="javascript:void(null)"
onMouseDown="block.active=true; slide(); return false;"
onMouseUp="block.active=false"
onMouseOut="block.active=false">move</A>
<DIV ID="blockDiv" style=""xposition:absolute;" left:50px; top:100px; width:30px; height:30px;
clip:rect(0px 30px 30px 0px); layer-background-color:red;
background-color:red;">
</DIV>
В результате мы увидим картинку вроде этого:
Здесь при нажатии на ссылку с надписью move красный квадрат будет двигаться до тех пор, пока нажата левая клавиша мышки.
Пример функционирования можно посмотреть здесь.
Более сложные примеры движения можно посмотреть здесь. Вкратце, маленькая картинка в виде красного шарика может двигаться по некой траектории, на первый взгляд, очень фантазийной. То есть, используя средства CSS и JavaScript, мы можем отказаться от flash! Таким образом, посетители нашего сайта могут не беспокоиться о том, что что-то вдруг захочет проинсталлироваться на их компьютер прежде, чем загрузится какая-то Flesh анимация, чаще всего бесполезная и тяжеловесная.
0 коммент.:
Отправить комментарий