функция style visibility
Ребята, помогите пожалуйста по некоторым вопросам, мы студентки-архитекторы, дали задание по информатике и мы даже во снах не представляем как это сделать
1) при помощи функции style visibility надо сделать так, чтобы когда шарик попадал на картинку, появлялся крестик, шарик уходит - крестик соответственно исчезает
<HTML><HEAD>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<SCRIPT language=javascript>
<!--
var x=250;
var y=150;
var xStep, yStep;
var corner=0;
function start()
{
tmr=setInterval("movingBall()",500);
}
function stopBall()
{
clearInterval(tmr);
}
function movingBall()
{
img.style.left=x;
img.style.top=y;
xStep=100*Math.cos(2*Math.PI*corner/360);
yStep=100*Math.sin(2*Math.PI*corner/360);
x=x+xStep;
y=y+yStep;
corner=corner+90;
if (corner>=360)
{corner=0;}}
//-->
</SCRIPT>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR></HEAD>
<BODY bgColor=#FFF5EE><h3 align=center style="color:#00ffff"><i>Лабораторная работа № 4 : объекты Style и Math. </i><br>Выбери квадрат и останови шарик</h3> <IMG id=img src="look.gif"
style="FILTER: Chroma(color=#ffffff); LEFT: 200px; POSITION: absolute; TOP: 100px; Z-INDEX: 2">
<TABLE height=200
style="LEFT: 200px; POSITION: absolute; TOP: 100px; Z-INDEX: 1" width=200 border=1>
<TBODY>
<tr>
<TD id=olga height=50px style="cursor:hand; background:#ffff00" width=50px> </TD>
<TD bgColor=#00ffff height=50px width=50px><p id="sdf" style="font-size:100; font-family:tahoma; color:red;">x</p>
<script type="text/javascript">
var style = document.getElementById("sdf").style;
setInterval(function() {
style.visibility = "visible" ? "hidden" : "visible";}, 150);
</script>
</TD>
</TR>
<TR>
<TD bgColor=#ff00ff height=50px width=50px></TD>
<TD bgColor=#00ff00 height=50px width=50px></TD></TR></TBODY></TABLE> <BUTTON
onclick=start(); style="CURSOR: hand; font:12px; Background: #ffffff"><b>START</b></BUTTON> <BUTTON
onclick=stopBall(); style="CURSOR: hand;font:12px; Background: #ff00ff"><b>STOP</b></BUTTON>
</td></tr></table>
<table style="position:absolute; top:400px"><tr>
</BODY></HTML>
2) и другой вопрос, как создать кнопку, при нажатии на ее месте появляется "1", при нажатии на единицу - "2"?
|