1. OKNA.
1,1. Obstojeca povezava v vašem oknu.
<iframe width="400" height="200" frameborder="yes" scrolling="auto" name="iframe" src="http://freeweb.siol.net/mbracic3/"_blank"></iframe>
1,2. Postopno odpiranje in zapiranje okna.
<body onload="sroll_down()">
<script language="JavaScript1.2">
sirina = 900;
visina = 650;
var i = 0;
var x = visina;
function down(i) {
self.resizeTo (sirina,i);
if(i < visina) {
setTimeout ("sroll_down()",10);
}
}
function sroll_down() {
i += 40;
down(i);
}
function up(x) {
self.resizeTo (sirina,x);
setTimeout ("sroll_up()",10);
}
function sroll_up() {
if(x <= 0) {
self.close();
}
x -= 40;
up(x);
}
</script>
<a href="javascript:sroll_up()">Zapri okno!</a>
1,3. Fullscreen odpiranje okna.
<script>
<!--
function fullwin(){
window.open("URL naslav","","fullscreen,scrollbars")
}
//-->
</script>
<form>
<input type="button" onClick="fullwin()" value="Povečaj okno!">
</form>
1,4. Zapri okno.
<form>
<input type="button" value="Zapri okno!" onClick="window.close()">
</form>
2. SLIKE.
2,1. Prednaložitev slike.
<script language="JavaScript">
image1 = new Image();
image1.src = "ime skige";
image2 = new Image();
image2.src = "ime slike";
</script>
2,2. Povecava slike z miško.
Ta del koda vstavite v <head>.
<script language="JavaScript">
function resizeImage(evt,name){
novix=evt.x
noviy=evt.y
eval("document."+name+".width=novix")
eval("document."+name+".height=noviy")
}
</script>
Ta del koda vstavite v <body>.
<img src="slika.jpg" width="150" height="58" name="image1" ondrag="resizeImage(event,'image1')">
2,3. Zamenjava slike ko smo na njej z miško.
Ta del koda vstavite v <head>.
<script language="JavaScript">
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
</script>
Ta del koda vstavite v <body>.
<a href="URL naslav" onmouseover="movepic('button','naslav slike')" onmouseout="movepic('button','naslav slike')">
<img name="button" border="0" SRC="naslav slike" ALT="slika"></a>
2,4. Menjavanje slik v dolocenem casu.
Ta del koda vstavite v <head>.
<script language="JavaScript">
var slideShowSpeed = 5000;
var crossFadeDuration = 3;
var Pic = new Array();
Pic[0] = 'naslav slike1'
Pic[1] = 'naslav slike2'
Pic[2] = 'naslav slike3'
Pic[3] = 'naslav slike4'
Pic[4] = 'naslav slike5'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
</script>
Ta del koda vstavite v <body>.
<table border="0" cellpadding="0" cellspacing="0"">
<tr">
<td id="VU" height=150 width=150">
<img src="naslav slike1" name='SlideShow' width=88 height=31">
</td"></tr"></table">
3. NAPISI.
3,1. Napis ob prihodu in odhodu s strani.
<body onLoad="alert(napis pri prihodu na stran!');" onUnLoad="confirm(napis pri odhodu s strani');">
3,2. Potojoča povezava.
<a href="URL naslov">
<marquee width="100%" behavior="alternate" direction="left" align="middle" border="1"><font color="#00000" size="4">napis</font></marquee>
</a>