home *** CD-ROM | disk | FTP | other *** search
/ Chip 2002 June / Chip_2002-06_cd1.bin / internet / zongl / jongl.js < prev    next >
Text File  |  2002-04-19  |  4KB  |  153 lines
  1. var ua=navigator.userAgent;
  2. var v=navigator.appVersion.substring(0,1); if ((ua.lastIndexOf("MSIE")!=-1) && (v!="1") && (v!="2") && (v!="3"))
  3. {
  4.    document.body.onmouseover=makeCool;
  5.    document.body.onmouseout=makeNormal;
  6.  
  7. } 
  8.  
  9. function makeCool()
  10. {
  11.    src=event.toElement;
  12.    if (src.tagName=="H1")
  13.    {
  14.       src.oldcol=src.style.color;
  15.       src.style.color="F3B14E";
  16.       src.oldback=src.style.background;
  17.       src.style.background="A90000";
  18.    }
  19.    if (src.tagName=="H2")
  20.    {
  21.       src.oldcol=src.style.color;
  22.       src.style.color="A90000";
  23.       src.oldback=src.style.background;
  24.       src.style.background="F3B14E";
  25.    }
  26.    
  27. } 
  28.  
  29. function makeNormal()
  30. {
  31.    src=event.fromElement;
  32.    if (src.tagName=="H1") 
  33.    {
  34.      src.style.color=src.oldcol;
  35.      src.style.background=src.oldback;
  36.    }
  37.  
  38.    if (src.tagName=="H2") 
  39.    {
  40.      src.style.color=src.oldcol;
  41.      src.style.background=src.oldback;
  42.    }
  43. }
  44.  
  45. //Default browsercheck, added to all scripts!
  46. function checkBrowser(){
  47.         this.ver=navigator.appVersion
  48.         this.dom=document.getElementById?1:0
  49.         this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
  50.         this.ie4=(document.all && !this.dom)?1:0;
  51.         this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  52.         this.ns4=(document.layers && !this.dom)?1:0;
  53.         this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
  54.         return this
  55. }
  56. bw=new checkBrowser()
  57. /*****************
  58. You set the width and height of the divs inside the style tag, you only have to
  59. change the divCont, Remeber to set the clip the same as the width and height.
  60. You can remove the divUp and divDown layers if you want. 
  61. This script should also work if you make the divCont position:relative.
  62. Then you should be able to place this inside a table or something. Just remember
  63. that Netscape crash very easily with relative positioned divs and tables.
  64. Updated with a fix for error if moving over layer before pageload.
  65. ****************/
  66.  
  67. //If you want it to move faster you can set this lower:
  68. var speed=55
  69.  
  70. //Sets variables to keep track of what's happening
  71.  
  72. var loop, timer
  73.  
  74. //Object constructor
  75.  
  76. function makeObj(obj,nest){
  77.     nest=(!nest) ? '':'document.'+nest+'.'
  78.         this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
  79.         this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
  80.  
  81.         this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
  82.  
  83.         this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
  84.  
  85.         this.up=goUp;this.down=goDown;
  86.  
  87.         this.moveIt=moveIt; this.x; this.y;
  88.  
  89.     this.obj = obj + "Object"
  90.  
  91.     eval(this.obj + "=this")
  92.  
  93.     return this
  94.  
  95. }
  96.  
  97. function moveIt(x,y){
  98.  
  99.         this.x=x;this.y=y
  100.  
  101.         this.css.left=this.x
  102.  
  103.         this.css.top=this.y
  104.  
  105. }
  106.  
  107. //Makes the object go up
  108. function goDown(move){
  109.  
  110.         if(this.y>-this.scrollHeight+oCont.clipHeight){
  111.                 this.moveIt(0,this.y-move)
  112.                         if(loop) setTimeout(this.obj+".down("+move+")",speed)
  113.         }
  114. }
  115.  
  116. //Makes the object go down
  117. function goUp(move){
  118.         if(this.y<0){
  119.                 this.moveIt(0,this.y-move)
  120.                 if(loop) setTimeout(this.obj+".up("+move+")",speed)
  121.         }
  122.  
  123. }
  124.  
  125. //Calls the scrolling functions. Also checks whether the page is loaded or not.
  126. function scroll(speed){
  127.  
  128.         if(loaded){
  129.                 loop=true;
  130.                 if(speed>0) oScroll.down(speed)
  131.                 else oScroll.up(speed)
  132.         }
  133.  
  134. }
  135.  
  136. //Stops the scrolling (called on mouseout)
  137. function noScroll(){
  138.         loop=false
  139.         if(timer) clearTimeout(timer)
  140. }
  141.  
  142. //Makes the object
  143. var loaded;
  144. function scrollInit(){
  145.         oCont=new makeObj('divCont')
  146.         oScroll=new makeObj('divText','divCont')
  147.         oScroll.moveIt(0,0)
  148.         oCont.css.visibility='visible'
  149.         loaded=true;
  150. }
  151. //Call the init on page load
  152. onload=scrollInit;
  153.