PamokosSiuntiniai
Jūsų puslapiui |
|
 |
Autorius: | ifreal.com | Data: | 2005-05-14 18:36:04 |
| Lygis: |  |
Pamatė: | 1968 | |
| Versija: |
Demonstracija
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
...tekstas...
Scenarijus
1. Įterpkite scenarijų tarp <head> ir </head>:
<script language="JavaScript">
function VCB(){
this.vers=navigator.appVersion
this.doc=document.getElementById?1:0
this.ie5=(this.vers.indexOf("MSIE 5")>-1 && this.doc)?1:0;
this.ie4=(document.all && !this.doc)?1:0;
this.ns5=(this.doc && parseInt(this.vers) >= 5) ?1:0;
this.ns4=(document.layers && !this.doc)?1:0;
this.na=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this }
na=new VCB()
var loop, timer
var speed=5
function CO(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=na.doc?document.getElementById(obj):na.ie4?document.all[obj]:na.ns4?eval(nest
+ 'document.' + obj):0; this.css=na.doc?document.getElementById(obj).style:na.ie4?document.all[obj].style:na.ns4?eval(nest
+ 'document.'+obj):0;
this.scrollHeight=na.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=na.ns4?this.css.clip.height:this.el.offsetHeight
this.up=MAU;this.down=MAD;
this.MA=MA; this.x; this.y;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this}
function MA(x,y){
this.x=x;this.y=y
this.css.left=this.x
this.css.top=this.y}
function MAD(move){
if(this.y>-this.scrollHeight+objC.clipHeight){
this.MA(0,this.y-move)
if(loop) setTimeout(this.obj+".down("+move+")",speed)}}
function MAU(move){
if(this.y<0){
this.MA(0,this.y-move)
if(loop) setTimeout(this.obj+".up("+move+")",speed)}}
function PS(speed){
if(initialised){
loop=true;
if(speed>0) objS.down(speed)
else objS.up(speed)}}
function CSRL(){
loop=false
if(timer) clearTimeout(timer)}
var initialised;
function ISA(){
objC=new CO('C')
objS=new CO('Cnt','C')
objS.MA(0,0)
objC.css.visibility='visible'
initialised=true;}
</script>
2. Įterpkite scenarijų žėmiau tarp <head> ir </head>. Pakeiskite
plotį, ilgį ir rėmo stilius.
<style>
#C {
OVERFLOW: hidden;
VISIBILITY: hidden;
/*dežutės ilgis*/
HEIGHT: 200px;
/*dežutės plotis*/
WIDTH: 200px;
/*dežutės rėmas*/
border: 1px solid black
}
#Cnt {POSITION: relative;}
</style>
3. Į <body> žymę įterpkite onload=ISA():
<body onload=ISA()>
4. Įdėkite šį scenarijų į norimą puslapio vietą. Informaciją pakeiskite
tik nurodytoje vietoje [...].
<DIV id=C><DIV id=Cnt>
[čia turi būti norima informacija]
</div></div>
<a onmouseout=CSRL() onmouseover=PS(5) name="iapacia">į
apačią</a> /
<a name="ivirsu" onmouseout=CSRL() onmouseover=PS(-5)>į viršų</a>
Į viršų / Į apačia