求一个仿taobao的最新成交的滚动文字代码~~~~~~~~~~

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>有效后请马上给分,striker.un</title>
<style>
div { font-size:12px; }
</style>
</head><body>
<script src="../jquery.js"> </script>
<script>
var t = 0;   //高度计时器.
var scrollHeight = 80;  //行高
var stepSlow = 1000;  //慢速间隔
var stepFast = 1;     //快速间隔
var maxTempHeight = 214;  //总高度.
function run()
{
//$("#mq").attr("scrollTop" ,$("#mq").attr("scrollTop")+iScrollAmount)
t++;
    if( !$("#mq").attr("scrollTop" )) $("#mq").attr("scrollTop" ,0);
    $("#mq").attr("scrollTop" ,t);

     tempHeight =$("#mq").attr("scrollTop" );     $("#prompt").html(t+ ""+tempHeight);

     if(tempHeight%scrollHeight)
     {
      if(tempHeight >=maxTempHeight)
      {
      t=0;
      setTimeout( "run()", 1000 );
      return ;  //不写return 有加速运动的效果.
      }
      setTimeout( "run()", 1 );
     }
     else
     {
      setTimeout( "run()", 1000 );
     }

}</script><div id="mq" style="width:100%;height:80px;overflow:hidden" onmouseover="iScrollAmount=0"
onmouseout="iScrollAmount=1">
　　轻轻的我走了，正如我轻轻的来；<br/>
　　我轻轻的招手，作别西天的云彩。<br/>
　　<br/>
　　那河畔的金柳，是夕阳中的新娘；<br/>
　　波光里的艳影，在我心头荡漾。<br/>
　　<br/>
　　软泥上的青荇，油油的在水底招摇；<br/>
　　在康河的柔波里，我甘心作一条水草。<br/>
　　<br/>
　　那榆荫下的一潭，不是清泉是天上的虹；<br/>
　　揉碎在浮藻间，沉淀彩虹似的梦。<br/>
　　<br/>
　　寻梦，撑支长篙，向青草更青处漫溯；<br/>
　　满载一船星辉，在星辉斑烂里放歌。<br/>
　　<br/>
　　但我不能放歌，悄悄是别离的笙箫；<br/>
　　夏虫也为我沉默，沉默是今晚的康桥。<br/>
　　<br/>
　　悄悄的我走了，正如我悄悄的来；<br/>
　　我挥一挥衣袖，不带走一片云彩。<br/>
　　<br/>
</div><div id="prompt"></div>
<script>
//设置全局变量
var oMarquee = document.getElementById("mq");  //滚动对象$('#mq')
var iLineHeight = 45;  //单行高度，像素
var iLineCount = 7;  //实际行数
var iScrollAmount = 1;  //每次滚动高度，像素 $(function()
{
window.setTimeout( "run()", 1000 );
}
);</script>
</body>
</html>
有效就请给分,确保你导入了jquery库.
这几行是没用的代码,请及时清除....
//设置全局变量
        var oMarquee = document.getElementById("mq");  //滚动对象$('#mq')
        var iLineHeight = 45;  //单行高度，像素
        var iLineCount = 7;  //实际行数
        var iScrollAmount = 1;  //每次滚动高度，像素
刚试了试楼上的好像滚到第三屏的时候有错位和抖动现象淘宝是阿里巴巴的
阿里巴巴又属于yahoo的
淘宝的应该用的是yahoo ui
下面是完全从淘宝剥离出来的代码，呵呵，当然，作了必要的简化和修改。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<style type="text/css">
#test ul {
padding: 0;
margin: 0;
list-style: none;
width: 200px;
height: 160px;
overflow: hidden;
}
</style>
<title>测试</title>
</head><body>
<div id="wrapper" style="width:200px;height:200px;border:solid 1px #999;overflow:hidden;font-size:12px;line-height:20px;"></div><script type="text/javascript">
function test() {
var div, h2, ul, li;
div = document.createElement("div");
ul = document.createElement("ul")
h2 = document.createElement("h2");
h2.appendChild(document.createTextNode("sss测试"));
div.appendChild(h2);
div.appendChild(ul);
div.id = "test";
for (var i = 0; i < 10; i ++) {
li = document.createElement("li");
li.appendChild(document.createTextNode("文本_" + i));
ul.appendChild(li);
}
var ob = document.getElementById("wrapper");
ob.appendChild(div); try {
slideLine(ul, 1000, 3, 20);
} catch (e) {}
}function slideLine(ul, delay, speed, lh) {
var slideBox = (typeof ul == "string") ? document.getElementById(ul):ul;
var delay = delay||1000, speed=speed||30, lh = lh||20;
var tid = null, pause = false;
var start = function () {
tid = setInterval(slide, speed);
}
var slide = function () {
if (pause) return;
var i;
slideBox.scrollTop += 1;
if (slideBox.scrollTop % lh == 0) {
clearInterval(tid);
for (i = 0; i < 1; i ++) {
slideBox.appendChild(slideBox.getElementsByTagName("li")[0]);
}
setTimeout(start, delay);
slideBox.scrollTop = 0;
}
}
slideBox.onmouseover = function () {pause = true;}
slideBox.onmouseout = function () {pause = false;}
setTimeout(start, delay);
}test();
</script>
</body></html>
呵呵，又提炼了一下。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<style type="text/css">
#test {
width:200px;
height:160px;
border:solid 1px #999;
overflow:hidden;
font-size:12px;
line-height:20px;
}
#test ul {
padding: 0;
margin: 0;
list-style: none;
width: 200px;
height: 160px;
overflow: hidden;
}
</style>
<title>测试</title>
</head><body>
<div id="test">
<ul id="testUl">
<li>滚动文字_1</li>
<li>滚动文字_2</li>
<li>滚动文字_3</li>
<li>滚动文字_4</li>
<li>滚动文字_5</li>
<li>滚动文字_6</li>
<li>滚动文字_7</li>
<li>滚动文字_8</li>
<li>滚动文字_9</li>
<li>滚动文字_10</li>
</ul>
</div><script type="text/javascript">
function test() {
var ul = document.getElementById("testUl"); try {
slideLine(ul, 1000, 3, 20);
} catch (e) {}
}function slideLine(ul, delay, speed, lh) {
var slideBox = (typeof ul == "string") ? document.getElementById(ul):ul;
var delay = delay, speed=speed, lh = lh;
var tid = null, pause = false;
var start = function () {
tid = setInterval(slide, speed);
}
var slide = function () {
if (pause) return;
var i;
slideBox.scrollTop += 1;
if (slideBox.scrollTop % lh == 0) {
clearInterval(tid);
for (i = 0; i < 1; i ++) {
slideBox.appendChild(slideBox.getElementsByTagName("li")[0]);
}
setTimeout(start, delay);
slideBox.scrollTop = 0;
}
}
slideBox.onmouseover = function () {pause = true;}
slideBox.onmouseout = function () {pause = false;}
setTimeout(start, delay);
}test();
</script>
</body></html>