读书人

从数据库中读出数据并滚动展示

发布时间: 2012-09-24 13:49:41 作者: rapoo

从数据库中读出数据并滚动显示?
现在滚动代码差不多实现,就是滚动时却是重叠在一起!

HTML code
  <div id="scrollNews">         <% for (int i = 0; i < dt.Rows.Count; i++) %>         <%{ %>            <div class="news"><a target="_blank" href='newshow.aspx?uid=<%=dt.Rows[i]["_id"].ToString()%>'><%=dt.Rows[i]["_title"].ToString()%></a><br /></div>          <%} %>        </div>       </div> 

后台:
C# code
 public DataTable dt; protected void Page_Load(object sender, EventArgs e)    {        string sql = "select top 9 * from news  ";        dt = DBhelpSQL.Query(sql).Tables[0];    }

JScript code
$(function() {    var newsTimer    var len = $("#scrollNews .news a").height; /*a的总高度*/    var index = 0;    $("#scrollNews").hover(function() {        clearInterval(newsTimer);    }, function() {        newsTimer = setInterval(function() {            scrollNews(index);            index++;            if (index == len) { index = 0; } /*如果索引等于a的总高度,就为0*/        }, 5000);    }).trigger("mouseleave");/*触发上面的函数*/});function scrollNews(index) {    var lineheight = $("#scrollNews .news a:first").height(); /*得到第一个a的高度*/    $(".news").animate({ "marginTop": -lineheight * index + "px" }, 3000);/*滚动动画*/}

我想在</a>后面加<br />也没有效果?请问代码错在哪里

[解决办法]

C# code
List+="<a href='newshow.aspx?uid="+dt.Rows[i]["_id"]+"'> "+dt.Rows[i]["_title"]+" </a>";
[解决办法]
C# code
List+="<a href='newshow.aspx?uid="+dt.Rows[i]["_id"]+"'> "+dt.Rows[i]["_title"]+" </a> <br/>";
[解决办法]
直接使用repeater绑定div,li,ul
实现滚动
控制高度和相关位置
[解决办法]
应该是样式的问题
不妨采取楼上的方法 用控件显示 应该是没有问题的
[解决办法]
<script>
var marqueeContent = new Array();
marqueeContent[0]='';
var marqueeInterval = new Array();
var marqueeId = 0;
var marqueeDelay = 4000;
var marqueeHeight = 15;
function initMarquee() {
var str = marqueeContent[0];
document.write('<div id=marqueeBox style="overflow:hidden;height:' + marqueeHeight + 'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>' + str + '</div></div>');
marqueeId++;
marqueeInterval[0] = setInterval("startMarquee()", marqueeDelay);
}
function startMarquee() {
var str = marqueeContent[marqueeId];
marqueeId++;
if (marqueeId >= marqueeContent.length) marqueeId = 0;
if (marqueeBox.childNodes.length == 1) {
var nextLine = document.createElement('DIV');
nextLine.innerHTML = str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML = str;


marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop = 0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1] = setInterval("scrollMarquee()", 10);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if (marqueeBox.scrollTop % marqueeHeight == marqueeHeight) {
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>

读书人网 >asp.net

热点推荐