记录数超过一定的范围，如何滚动显示？

xmy8882040810 2011-04-06 02:02:50

详细说明：页面上的一个栏目，固定的是8条记录。现在客户要求，超过8条记录的时候，就滚动显示（不是加滚动条哦）。8条或者少于8条的时候，不动。

页面是用jsp做的，因为代码少，所以java代码也是在jsp页面上。

请问有各位有说明解决办法？

...全文

92 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

xmy8882040810 2011-04-07

打赏
举报

差不多了，现在只要判断就可以了~　　谢谢你～

[Quote=引用 3 楼 foolishdault 的回复:]
marquee
楼主看看是否是你需要的效果，自己代码判断是否超过8行

Java code

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<link rel="stylesheet" type="text/css" hr……
[/Quote]

铁匠梁 2011-04-06

打赏
举报

marquee
楼主看看是否是你需要的效果，自己代码判断是否超过8行



<html>



<head>

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

<title></title>

<link rel="stylesheet" type="text/css" href="style/main.css" />

<style type="text/css">

body

{

    margin:0px;

    padding:0px;

    font-size:9pt;

    color:#000000;

}



a:link

{

    font-size: 9pt;

    color:#000000;

    text-decoration: none;

}



a:visited

{

    color:#000000;

    text-decoration:none;

}



a:hover

{

    color:#ff0000;

    text-decoration:none;

}



td

{

    text-align:center;

    font-size:9pt;

}



#demo

{

    overflow:hidden;

    width:100%;

    height:120px;

}

</style>

</head>



<body>

<center>

<br><br><br><br>

<table cellpadding="2" width="500" style="border-style:dotted; border-width:1px; border-collapse: collapse" border="0" cellspacing="2">

  <thead>

    <tr bgcolor="#F8BE4F">

      <td colspan="4" align="center">菜市场价格滚动条</td>

    </tr>

    <tr bgcolor="#F8BE4F">

      <td width="10%" bgcolor="#D8D8D8" height="22">品种</td>

      <td width="30%" bgcolor="#D8D8D8" height="22">最低价（ 元/公斤)</td>

      <td width="30%" bgcolor="#D8D8D8" height="22">最高价（ 元/公斤)</td>

      <td width="30%" bgcolor="#D8D8D8" height="22">平均价（ 元/公斤)</td>

    </tr>

  </thead>

</table>

<div id="demo" style="width:500px; height: 100px">

  <div id="demo1">

<table width="100%" border="1" bordercolor="#EBEBEB" cellpadding="2" style="border-style: dotted; border-width: 1px">

  <tr>

    <td width="10%">尖椒</td>

    <td width="30%">0.80</td>

    <td width="30%">1.00</td>

    <td width="30%">0.90</td>

  </tr>

  <tr>

    <td width="10%">尖椒</td>

    <td width="30%">0.80</td>

    <td width="30%">1.00</td>

    <td width="30%">0.90</td>

  </tr>

  <tr>

    <td width="10%">尖椒</td>

    <td width="30%">0.80</td>

    <td width="30%">1.00</td>

    <td width="30%">0.90</td>

  </tr>

  <tr>

    <td width="10%">尖椒</td>

    <td width="30%">0.80</td>

    <td width="30%">1.00</td>

    <td width="30%">0.90</td>

  </tr>

  <tr>

    <td width="10%">尖椒</td>

    <td width="30%">0.80</td>

    <td width="30%">1.00</td>

    <td width="30%">0.90</td>

  </tr>

</table>

  </div>

  <div id="demo2"></div>

</div>

<script type="text/javascript">

<!--

demo2.innerHTML = demo1.innerHTML;

var speed = 230;

function Marquee()

{

    if (demo2.offsetTop <= demo.scrollTop)

    {

        demo.scrollTop -= demo1.offsetHeight;

    }

    else

    {

        demo.scrollTop++;

    }

}

var myInterval = setInterval(Marquee, speed);

demo.onmouseover = function() {clearInterval(myInterval);};

demo.onmouseout = function() {myInterval = setInterval(Marquee,speed);};

-->

</script>

</center>

</body>

</html>