|
|
| |
<HTML>
<HEAD>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
<TITLE>DHTML - warstwy - Okienko jezdzace po obrazku - obrazek wiekszy od okna przegladarki</TITLE>
<!-- definicja warstwy, obszar widoczny warstwy {clip(top right bottom left)} definiuje
parametry dla IE. Dla Netscape'a definiowane sa ponizej
zmiany: wartosci okreslajace styl warstwy
krok
goraobrazka
clip.bottom, clip.rigth
dolne granice przewijan
definicja rect() dla IE
definicja obrazka (W,H)
//-->
<STYLE TYPE="text/css">
#blockDiv {POSITION: absolute; TOP: 100px; LEFT: 20px;
WIDTH: 691px; HEIGHT: 101px; CLIP: rect(0 691 100 0); VISIBILITY: show}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
//wykrycie przegladarki
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
//kierunek przewijania
var wdol = true
//funkcja inicjujaca
function init() {
//przypisanie odpowiedniego obiektu w zaleznosci od przegladarek
if (ns4) block = document.blockDiv
if (ie4) block = blockDiv.style
//Zmienne uzytkowe
goraobrazka=100
//krok scrollingu
krok = 5
//definicja obszaru widocznego warstwy dla Netscape'a
if (ns4) {
block.clip.top = 0
block.clip.left = 0
block.clip.bottom = 100
block.clip.right = 691
}
//zmienne wzgledem ktorych nastepuje zmiana polozenia clipa dla IE
pozycjaIEtop = 0
pozycjaIEbottom = goraobrazka
pozycjaIElayertop = goraobrazka
ruch()
}
function ruch() {
//odbijanie obszaru widzialnego (zmiana kierunku przesuwania) od granic obrazka
if (ns4) {
if (block.top >= goraobrazka)
wdol = false
if (block.top < goraobrazka-1001+100)
wdol = true
}
if (ie4) {
if (pozycjaIElayertop >= goraobrazka)
wdol = false
if (pozycjaIElayertop < goraobrazka-1001+100)
wdol = true
}
//zmiana wartosci polozenia clipa dla Netscape'a kierunek w dol
if (wdol) {
if (ns4) {
block.top += krok
block.clip.top -= krok
block.clip.bottom -= krok
}
//zmiana wartosci polozenia clipa dla IE
if (ie4) {
pozycjaIElayertop += krok
block.top = pozycjaIElayertop+"px"
pozycjaIEtop -= krok
pozycjaIEbottom -= krok
block.clip = "rect("+pozycjaIEtop+",691,"+pozycjaIEbottom+",0)"
}
}
//jw kierunek w gore
else {
if (ns4) {
block.top -= krok
block.clip.top += krok
block.clip.bottom += krok
}
if (ie4) {
pozycjaIElayertop -= krok
block.top = pozycjaIElayertop+"px"
pozycjaIEtop += krok
pozycjaIEbottom += krok
block.clip = "rect("+pozycjaIEtop+",691,"+pozycjaIEbottom+",0)"
}
}
setTimeout("ruch()",10)
}
//-->
</SCRIPT>
</HEAD>
<BODY ONLOAD="init()" BGCOLOR="blue">
Przyklad duzego obrazka (691x1001), ktorym przemieszcza sie pod obszarem widocznosci 100px.
<DIV ID="blockDiv">
<IMG SRC="kominek.jpg" WIDTH="691" HEIGHT="1001">
</DIV>
</BODY>
</HTML>
|
|
 |
| Proponujemy |
|
|
"Tworzenie folderów na woluminach" to już siódmy wykład w cyklu Akademia PCkuriera, który jest poświęcony sztuce administrowania systemem Novell NetWare. Przypominamy, że kurs ten ma pomóc zainteresowanym czytelnikom w samodzielnym przygotowaniu do egzaminu na certyfikat CNA. Częścią kursu jest witryna, zawierająca dodatkowe informacje, materiały szkoleniowe i pytania kontrolne.
|
|
|
 |
|
|
 |
|
|
 |
|