| |
|
|
|
| ||
|
|
| |
|
|
|
| ||
|
|
В данном примере для этого используется свойство images[ ] объекта Document.
<html> <head> </head>
<script language="JavaScript"> <!-- анализируется версия броузера:-->
browserName=navigator.appName; browserVer=parseInt(navigator.appVersion); if (browserName=="Netscape"
&& browserVer >= 3) version="n3"; else version="n2"; if (version=="n3") { graph1green=new
Image(20,20); graph1green.src="lgcit.gif"; graph1red=new Image(20,20); graph1red.src="logo.gif";
} function graphON(graphName) { if (version=="n3") { green_red=eval(graphName
+ "green.src"); document.images[graphName].src=green_red; } } function graphOFF(graphName)
{ if (version=="n3") { red_green=eval(graphName + "red.src"); document.images[graphName].src=red_green;
} } </script> <body bgcolor=ffffff> <a href="http://www.cit-forum.com"
onMouseOver="graphON('graph1')" onMouseOut="graphOFF('graph1')"><img src="logo.gif"
name="graph1" border=0></a> </body> </html> В
предыдущем примере изменение происходило при попадании курсора мыши в область
картинки и при выходе курсора из нее. В данном примере это организовано в цикле
для двух картинок с использованием метода setTimeout.
Работает только в Netscape
Navigator 3.0 и выше!
<html> <head> <title>Баннер</title> </head>
<script language="JavaScript"> i=0; img_a=new Array() img_h=new Array() img_a[0]=new
Image() img_a[1]=new Image() img_a[0].src="logo.gif" img_a[1].src="lgcit.gif"
function img_b() { document.images[0].src=img_a[i].src document.images[0].src=img_a[i].src
i++ if(i>1) i=0; setTimeout("img_b()", 2000) } </SCRIPT> </head> <body
bgcolor="#ffffff" onLoad=img_b()> <img src="logo.gif"> </body></html>
Изменение картинки при загрузке документа в зависимости
от текущего времени осуществляется с использованием объекта Date.
Работает
во всех броузерах, поддерживающих JavaScript.
<html> <head> <title>Баннер</title> </head>
<script language="JavaScript"> function ban() { j=(new Date()).getSeconds()%2
this[0]="logo.gif" this[2]="lgcit.gif" document.write("<img src=",this[2*j],">")
return (" "); } </script> </head> <body bgcolor="#ffffff"> <SCRIPT>
document.write(ban()) </SCRIPT> </body></html> Физика, математика
примеры лабы
| ||||||||