日期:2014-05-18 浏览次数:20767 次
var textDiv = document.getElementById("rollText"); //得到ID为rollText的对象赋给textDiv var textList = textDiv.getElementsByTagName("a"); //得到textDiv对象中所有A标签的集合 if (textList.length > 1) { //如果textDiv集合元素大于0 var textDat = textDiv.innerHTML; //得到textDiv中的HTML代码,赋给textDat var br = textDat.toLowerCase().indexOf("<br", textDat.toLowerCase().indexOf("<br") + 3); //把textDat转化为小写,从textDat中第一次出现"<br"索引加3位置开始查找,找从textDat出现第一次"<br"的索引,赋给br //var textUp2 = textDat.substr(0,br); textDiv.innerHTML = textDat + textDat + textDat.substr(0, br); //给textDiv的HTML赋值,赋值为:两个textDat加上textDat从索引0开始截取到索引br的字符串 textDiv.style.cssText = "position:absolute; top:0"; //给textDiv绝对定位,距顶部边0相素 var textDatH = textDiv.offsetHeight; //得到textDiv上边界到它的包含元素的上边界的偏移量 MaxRoll(); //调用MaxRoll()方法 } var minTime, maxTime, divTop, newTop = 0; //声明几个变量 function MinRoll() { newTop++; //newTop = newTop + 1; if (newTop <= divTop + 20) { //如果newTop小于等于divTop+20 textDiv.style.top = "-" + newTop + "px"; //textDiv的css的top等于-newTop的值px; } else { //反之 clearInterval(minTime); //停止定时器 maxTime = setTimeout(MaxRoll, 5000); //设计一个定时器,五秒中调用一次MaxRoll方法 } } function MaxRoll() { divTop = Math.abs(parseInt(textDiv.style.top)); //取textDiv的css的top的绝对值,赋给divTop if (divTop >= 0 && divTop < textDatH - 40) { //如果divTop的值大于等于0而且divTop的值小于textDatH-40 minTime = setInterval(MinRoll, 1); //1毫秒调用一次MinRoll方法,直到 clearInterval()或窗体关闭 } else { //反之 textDiv.style.top = 0; //设置textDiv的css的Top为0 divTop = 0; newTop = 0; MaxRoll(); //调用MaxRoll方法 }