topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

graphic-javascript-effect-html-scroll-effect.htm / htm



  
  <!-- TWO STEPS TO INSTALL DUAL SCROLLER:
  
    1.  Add the onLoad event handler into the BODY tag
    2.  Copy the coding into the BODY of your HTML document  -->
  
  <!-- STEP ONE: Insert the onLoad event handler into your BODY tag  -->
  
  <BODY onLoad="start()">
  
  <!-- STEP TWO: Paste this code into the BODY of your HTML document  -->
  
  <div id="point1" STYLE="position:absolute;visibility:visible;">
  <img src="http://javascript.internet.com/img/logo.gif" width=150 height=48 border=0>
  </div>
  
  <div id="point2" STYLE="position:absolute;visibility:visible;">
  <img src="http://javascript.internet.com/img/logo.gif" width=150 height=48 border=0>
  </div>
  
  <SCRIPT LANGUAGE="JavaScript">
  <!-- Original:  Bruce W.Anderson (appletlib@about.com) -->
  <!-- Web Site:  http://appletlib.tripod.com/dhtml/elevator.html -->
  
  <!-- Begin
  var xPosLeft = 20;
  var xPosRight = 800;
  var step = 1;
  var delay = 30;
  var yPos = 0;
  var height = 0;
  var offset = 0;
  var yon = 0;
  var name = navigator.appName;
  if (name == "Microsoft Internet Explorer") {
  yPos = document.body.clientHeight;
  xPosRight = document.body.clientWidth - 150;
  point1.style.top = yPos;
  point2.style.top = yPos;
  }
  else {
  yPos = window.innerHeight;
  document.point1.pageY = yPos;
  document.point1.visibility = "hidden";
  document.point2.pageX = window.innerWidth - 155;
  }
  function changePos() {
  if (yon == 0) {
  yPos = yPos - step;
  }
  else {
  yPos = yPos + step;
  }
  if (name == "Microsoft Internet Explorer") {
  height = document.body.clientHeight;
  offset = point1.offsetHeight;
  }
  else {
  height = window.innerHeight;
  offset = document.point1.clip.height;
  }  
  if (yPos < 0) {
  yon = 1;
  yPos = 0;
  }
  if (yPos >= (height - offset)) {
  yon = 0;
  yPos = (height - offset);
  }
  if (name == "Microsoft Internet Explorer") {
  point1.style.left = xPosLeft;
  point1.style.top = yPos + document.body.scrollTop;
  point2.style.left = xPosRight;
  point2.style.top = yPos + document.body.scrollTop;
  }
  else {
  document.point1.pageX = xPosLeft;
  document.point1.pageY = yPos + window.pageYOffset;
  document.point2.pageX = xPosRight;
  document.point2.pageY = yPos + window.pageYOffset;
     }
  }
  function start()
  {
  if (name != "Microsoft Internet Explorer") {
  document.point1.visibility = "visible";
  }
  loopfunc();
  }
  function loopfunc()
  {
  changePos();
  setTimeout('loopfunc()',delay);
  }
  //  End -->
  </script>
  
  <p><center>
  <font face="arial, helvetica" size"-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  2.32 KB -->
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.