نقل قول نوشته شده توسط hossin.esm مشاهده تاپیک
لینک راببین
http://javascript.internet.com/text-...l-marquee.html
با سلام
من کد لینک بالا را خوندم ولی یک قسمت را متوجه نشدم. چرا آخرین مقدار base.scrollTop همیشه 2 برابر عدد m_Height است؟
  m_Height = base.offsetHeight;

  var divi = parseInt(m_Height/5);

  m_Height = divi*5;


در صورتی که در :
<div style="overflow:scroll;" id="jump_base" class="news" onmouseover="pause()" onmouseout="resume()">

  <table class="news">

    <tr><td id = "td1"></td></tr>

    <tr><td id = "td2" valign="middle" align="center"><a id="jump_link" href="" target="_new"></a></td></tr>

	<tr><td id = "td3"></td></tr>

  </table>

</div>


height هر td
m_Height-5 تعریف شده است:
  td1.height = m_Height-5;

  td2.height = m_Height-5;

  td3.height = m_Height-5;



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript" src="vertical.js"></script>

<style type="text/css">

#jump_base {

  overflow-y:hidden;

  width: 200px;

  height: 100px;

  border: 2px dotted #000099;

  margin: auto;

  padding: 0 10px 0 10px;

  font-size: .9em;

  font-family: Verdana, Arial, sans-serif;

}



#jump_base a {

  color: #000099;

  background-color: inherit;

}



.news {

  background-color: #DDDDDD;

  color: inherit;

}



</head>

</style>

<body>



<div style="overflow:scroll;" id="jump_base" class="news" onmouseover="pause()" onmouseout="resume()">

  <table class="news">

    <tr><td id = "td1"></td></tr>

    <tr><td id = "td2" valign="middle" align="center"><a id="jump_link" href="" target="_new"></a></td></tr>

	<tr><td id = "td3"></td></tr>

  </table>

</div>



<p><div align="center">

<font face="arial, helvetica" size"-2">Free JavaScripts provided<br>

by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

</div><p>

<div id="j"></div>

</body>

</html>


vertical.js

function setupLinks() {

  arrLinks[0] = "http://forums.webdeveloper.com/forumdisplay.php?s=&forumid=3";

  arrTitles[0] = "If you have any questions, be sure to visit our forums.";

  arrLinks[1] = "http://javascript.internet.com/new/";

  arrTitles[1] = "Don't miss anything — check our new additions.";

  arrLinks[2] = "http://www.webreference.com/programming/javascript/diaries/";

  arrTitles[2] = "Want to learn JavaScript? Start at the beginning.";

}



var m_iInterval;

var m_Height;

//window.onload = wl;

var iScroll=0;



var arrLinks;

var arrTitles;



var arrCursor = 0;



var arrMax;

window.onload=wl;



function wl() {

  m_iInterval = setInterval(ontimer, 10);

  var base = document.getElementById("jump_base");



  m_Height = base.offsetHeight;



  var divi = parseInt(m_Height/5);

  m_Height = divi*5;



  var td1 = document.getElementById("td1");

  var td2 = document.getElementById("td2");

  var td3 = document.getElementById("td3");

  td1.height = m_Height-5;

  td2.height = m_Height-5;

  td3.height = m_Height-5;



  arrLinks = new Array();

  arrTitles = new Array();



  setupLinks();

  arrMax = arrLinks.length-1;

  setLink();

}

function setLink() {

  var ilink = document.getElementById("jump_link");

  ilink.innerHTML = arrTitles[arrCursor];

  ilink.href = arrLinks[arrCursor];

}

function ontimer() {

  var base = document.getElementById("jump_base");

  iScroll+=5;

  if (iScroll>(m_Height*2)) {

    iScroll=0;

    arrCursor++;

    if (arrCursor>arrMax)

      arrCursor=0;

    setLink();

  }

  if (iScroll==m_Height) {

    pause();

    m_iInterval = setTimeout(resume, 4000);

  }

  base.scrollTop=iScroll;

}

function pause() {

  clearInterval(m_iInterval);

}

function resume() {

  m_iInterval = setInterval(ontimer, 10);

}