Asp.net制作滚动条（从数据库读取数据）

最新推荐文章于 2019-07-07 14:30:39 发布

weixin_30872733

最新推荐文章于 2019-07-07 14:30:39 发布

阅读量239

点赞数

CC 4.0 BY-SA版权

文章标签：数据库 javascript ViewUI

原文链接：http://www.cnblogs.com/litaocnblogs/archive/2009/06/30/1513683.html

本文介绍了一个简单的滚动新闻模块实现方式，使用ASP.NET的UserControl来创建动态滚动效果。该模块从前端展示到后端数据读取都进行了详细的说明，并通过Marquee标签实现了鼠标悬停时停止滚动的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.建立一个UserControl代码如下：

前台：

后台：

protected void Page_Load(object sender, EventArgs e)
    {
        // Put user code to initialize the page here
        //SqlConnection myCon = new SqlConnection(ConfigurationSettings.AppSettings["connectionString"]);
        //string strSql = "SELECT * FROM tbl_News order by dateCreated asc";
        string strScrolling = "";
        HtmlTableCell cellScrolling = new HtmlTableCell();
        //SqlCommand myComd = new SqlCommand(strSql, myCon);

        SqlDataReader sqlRdr = JZQYBll.GetNewJZQY();
        try
        {
            //myCon.Open();
            //sqlRdr = myComd.ExecuteReader();

            strScrolling = "<Marquee OnMouseOver='this.stop();' OnMouseOut='this.start();' direction='up' scrollamount='2' bgcolor='#000000' width='40%'>";
            while (sqlRdr.Read())
            {
                strScrolling = strScrolling + "<a href='#' OnClick=" + "javascript:window.open('newsDetail.aspx?NewsId=" + sqlRdr.GetValue(0) + "','NewsDetail','width=400,height=400;toolbar=no;');" + "><font face='verdana' size='2' color='#ffffff'>" + sqlRdr.GetValue(1) + "</a>  " + sqlRdr.GetValue(2).ToString() + "</font><br><br>";
            }
            strScrolling = strScrolling + "</Marquee>";
            sqlRdr.Close();
            cellScrolling.InnerHtml = strScrolling;
            rowScrolling.Cells.Add(cellScrolling);
        }
        catch (Exception msg)
        {
            Response.Write(msg.Message);
        }
        finally
        {
            //close sql connection
            //myCon.Close();
        }
    }