- •Общие положения
- •Лабораторная работа №1 представление текстовых документов в формате html
- •Лабораторная работа №2 гиперссылки и навигация
- •Лабораторная работа №3 html верстка. Таблицы
- •Лабораторная работа №4 html Формы
- •Лабораторная работа №5 Каскадные таблицы стилей css
- •Лабораторная работа №6
- •Лабораторная работа №7
- •Лабораторная работа №8
- •Лабораторная работа №9
- •Лабораторная работа №10
- •Рекомендуемая литература основная литература
- •Дополнительная литература
Лабораторная работа №7
Пример 3
<HTML>
<!-- ady@demos.su, Saturday, January 20,
1996 7:23:31 PM-->
<!-- Demos WWW cover page -->
<HEAD>
<TITLE>Welcome to Demos Company -
Moscow, Russia</TITLE>
<!-- yet another scroller. (C) 199
6 Dmitry Altukhov, ady@demos.su -->
<!--
Use this code for whatever purposes...
provided that you
retain the copyright notice. I accept
no responsibility for any disasters
caused by this monster. Cannot guess
any other cool places for scrollers.
And MSIE marquee emulation in JS?!
Er... Mozilla clears windows too
slow in JS...
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- roll it
var rate, pos=0;
function roll() {
var loop, top, msg1;
var msg="Hello World";
for(var i=0; i<10; i++)
{
msg = msg + (" Hello World");
}
//move on, make a scrolly...
and who said that scrollers suck?! ;-)
top=(130/msg.length)+1;
for(loop=0; loop<top; loop++)
msg+=" "+msg;
msg1=msg.substring (pos, pos+130);
window.defaultStatus=msg1;
if (pos++ == 130) pos=0;
//come on, the poor thing can't roll
any faster... buy a Ferrari. ;-)
rate=setTimeout("roll()",30);
}
// that's all folks ;-)
// end -->
</SCRIPT>
</HEAD>
<BODY BACKGROUND="back.gif"
BGCOLOR="#FFFFFF" TEXT="#000040"
LINK="#000080" VLINK="#400080"
ALINK="#FF0000" onLoad="roll()">
.....
</BODY>
</HTML>
Пример 4
<html>
<head>
<title>Вращение одного объекта вокруг другого по элилпсоидной орбите</title>
<script language="JavaScript">
<!--
var rad = 100;
var xoff = 350;
var yoff = 177;
var pi = Math.PI;
var inc = pi/50;
var pos=0;
function move() {
pos += inc;
obj.left = (rad * Math.cos(pos)) + xoff-5;
obj.top = (rad*.3 * Math.sin(pos)) + yoff-5;
setTimeout("move()", 30);
}
-->
</script>
</head>
<body>
<div id="obj" style="position:absolute; left:400px; top:10px; width:10px; height:31px"><img src="../img/ball2.gif" width=10 height=10 border=0></div><div style="position:absolute; left:330px; top:157px; width:39px; height:42px"><img src="../img/heart.gif" width="33" height="30" border=0></div>
<script language="JavaScript">
<!--
var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var obj = (NN) ? document.obj : document.all.obj.style;
move();
-->
</script>
</body>
</html>
Пример 5
<html>
<head>
<title>JavaScript. Позиционирование.</title>
<script language="JavaScript">
<!--
var hor=350;
var ver=150;
// step = величина шага
var step=10;
function right () {
hor+=step;
if (navigator.appName == "Netscape")
{ document.move.left = hor }
else { document.all.move.style.left= hor }
}
function left () {
hor-=step;
if (navigator.appName == "Netscape")
{ document.move.left = hor }
else { document.all.move.style.left= hor }
}
function down () {
ver+=step;
if (navigator.appName == "Netscape")
{ document.move.top = ver }
else { document.all.move.style.top= ver }
}
function up () {
ver-=step;
if (navigator.appName == "Netscape")
{ document.move.top = ver }
else { document.all.move.style.top = ver }
}
-->
</script>
<body>
<div id="move" style="position:absolute; left:350px; top:150px;width:120px"><center>
<a href="javascript:up('move');">Вверх</a><br>
<a href="javascript:left('move');">Влево</a>
<a href="javascript:right('move');">Вправо</a><br>
<a href="javascript:down('move');">Вниз</a>
</center></div>
</body>
</html>