滚动的gridview

 

代码

< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title ></ title >
< style type ="text/css" >
.blk_02
{
margin-top : 0px ;
text-align : center ;
height : 263px ;
width : 1810px ;
}
.blk_02 .table_title table
{
border-left : 0px solid #b3d3ec ;
border-top : 0px solid #b3d3ec ;
background : #e0f0fd ;
color : #5198cc ;
width : 1927px ;
}
.blk_02 .table_title table th
{
border-right : 0px solid #b3d3ec ;
border-bottom : 0px solid #b3d3ec ;
height : 20px ;
font-weight : normal ;
text-align : center ;
}
.blk_02 .table_data
{
height : 129px ;
overflow : auto ;

width : 834px ;
}
.blk_02 .table_data table
{
border-left : 0px solid #b3d3ec ;
margin-left : 0px ;
text-align : left ;
}
.blk_02 .table_data table td
{
border-right : 0px solid #b3d3ec ;
border-bottom : 0px solid #b3d3ec ;
height : 24px ;
font-weight : normal ;
text-align : center ;
}
.style1
{
width : 772px ;
}
.style2
{
height : 21px ;
}
#demo1
{
width : 834px ;
text-align : left ;
}
.style3
{
width : 274px ;
}
.style4
{
width : 271px ;
}
.style5
{
width : 278px ;
}
.style6
{
width : 282px ;
}
.style7
{
width : 270px ;
}
</ style >
</ head >
< body >
< form id ="form1" runat ="server" >
< div class ="blk_02" id ="chg" >
< div class ="table_title" style ="width: 1746px; text-align: center" >

< table style ="width:96%;" >
< tr >
< td colspan ="3" class ="style2" >
沪 指 </ td >
< td colspan ="3" class ="style2" >
深 指 </ td >
</ tr >
< tr >
< td colspan ="3" >
上证指数: <% = szzs %> </ td >
< td colspan ="3" >
深圳成指: <% = szcz %> </ td >
</ tr >
< tr >
< td class ="style4" >
名 称 </ td >
< td class ="style5" >
开盘价 </ td >
< td class ="style3" >
收盘价 </ td >
< td class ="style6" >
名 称 </ td >
< td class ="style7" >
开盘价 </ td >
< td >
收盘价 </ td >
</ tr >
</ table >
</ div >
< table >
< tr >
< td class ="style1" >
< div class ="table_data" id ="demo" style ="overflow:hidden;scroll:no" >
< div id ="demo1" >
< asp:GridView ID ="GridView1" runat ="server" AutoGenerateColumns ="False"
Width ="837px" ShowHeader ="False" onrowdatabound ="GridView1_RowDataBound" >
< Columns >
< asp:BoundField DataField ="s2" HeaderText ="名称" >
< ItemStyle Width ="33%" />
</ asp:BoundField >
< asp:BoundField DataField ="s4" HeaderText ="开盘价" >
< ItemStyle Width ="33%" />
</ asp:BoundField >
< asp:BoundField DataField ="s8" HeaderText ="收盘价" >
< ItemStyle Width ="33%" />
</ asp:BoundField >
</ Columns >
</ asp:GridView >
</ div >
</ div >
</ td >

< td >
< div class ="table_data" id ="demo3"
style ="overflow:hidden;scroll:no; text-align: left;" >
< div id ="demo2" style ="top: 0px; left: 0px; width: 835px; text-align: left;" >
< asp:GridView ID ="GridView2" runat ="server" AutoGenerateColumns ="False"
ShowHeader ="False" Width ="833px" onrowdatabound ="GridView2_RowDataBound" >
< Columns >
< asp:BoundField DataField ="HQZQJC" HeaderText ="名 称" >
< ItemStyle Width ="33%" />
</ asp:BoundField >
< asp:BoundField DataField ="HQJRKP" HeaderText ="开盘价" >
< ItemStyle Width ="33%" />
</ asp:BoundField >
< asp:BoundField DataField ="HQZJCJ" HeaderText ="收盘价" >
< ItemStyle Width ="33%" />
</ asp:BoundField >
</ Columns >
</ asp:GridView >
</ div >
</ div >
</ td >
</ tr >
</ table >
</ div >

< script type ="text/javascript" >
var speed = 30
function Marquee() {
if (document.getElementById( " demo " ).scrollTop >= document.getElementById( " demo1 " ).offsetHeight - document.getElementById( " demo " ).offsetHeight)
{
document.getElementById( " demo " ).scrollTop = 0 ;
}
else
{
document.getElementById( " demo " ).scrollTop ++
}
if (document.getElementById( " demo3 " ).scrollTop >= document.getElementById( " demo2 " ).offsetHeight - document.getElementById( " demo3 " ).offsetHeight) {
document.getElementById( " demo3 " ).scrollTop = 0 ;
}
else {
document.getElementById( " demo3 " ).scrollTop ++
}
}
var MyMar = setInterval(Marquee, speed)
document.getElementById( " demo " ).onmouseover = function () { clearInterval(MyMar) }
document.getElementById( " demo " ).onmouseout = function () { MyMar = setInterval(Marquee, speed) }
</ script >
</ form >
</ body >
</ html >

 

 

 

 

代码

CS代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.OleDb;
using System.Data.Odbc;



namespace WebApplication1
{
public partial class _Default : System.Web.UI.Page
{
public static System.Data.DataTable dt;
public static string szzs, szcz;

protected void Page_Load( object sender, EventArgs e)
{
if ( ! IsPostBack)
{
OdbcConnection odbccon = new OdbcConnection();
odbccon.ConnectionString = " dsn=dbflink1 " ;
odbccon.Open();
string str = string .Format( " select S2,S4,S8 from show2003 " );
OdbcDataAdapter odb = new OdbcDataAdapter(str, odbccon);
System.Data.DataSet ds = new DataSet();
odb.Fill(ds);
szzs = ds.Tables[ 0 ].Rows[ 1 ].ItemArray[ 2 ].ToString();
this .GridView1.DataSource = ds;
this .GridView1.DataBind();

string str1 = string .Format( " select HQZQJC,HQJRKP,HQZJCJ from SJSHQ " );
// string str1 = string.Format("select S2,S8 from show2003");
OdbcDataAdapter odb1 = new OdbcDataAdapter(str1, odbccon);
System.Data.DataSet ds1 = new DataSet();
odb1.Fill(ds1);
this .GridView2.DataSource = ds1;
this .GridView2.DataBind();


string str2 = string .Format( " select ZSZJZS from SJSZS " );
// string str1 = string.Format("select S2,S8 from show2003");
OdbcDataAdapter odb2 = new OdbcDataAdapter(str2, odbccon);
System.Data.DataSet ds2 = new DataSet();
odb1.Fill(ds2);
szcz = ds2.Tables[ 0 ].Rows[ 2 ].ItemArray[ 0 ].ToString();

odbccon.Close();
}
}

protected void GridView1_RowDataBound( object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
if (Convert.ToSingle(e.Row.Cells[ 1 ].Text) < Convert.ToSingle(e.Row.Cells[ 2 ].Text))
{
e.Row.ForeColor = System.Drawing.Color.Red;
}
else
{
e.Row.ForeColor = System.Drawing.Color.Green;

}
if (Convert.ToSingle(e.Row.Cells[ 1 ].Text) == Convert.ToSingle(e.Row.Cells[ 2 ].Text))
{
e.Row.ForeColor = System.Drawing.Color.Yellow;
}
}
}

protected void GridView2_RowDataBound( object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
if (Convert.ToSingle(e.Row.Cells[ 1 ].Text.Length) < Convert.ToSingle(e.Row.Cells[ 2 ].Text.Length))
{
e.Row.ForeColor = System.Drawing.Color.Red;
}
else
{
e.Row.ForeColor = System.Drawing.Color.Green;

}
if (Convert.ToSingle(e.Row.Cells[ 1 ].Text.Length) == Convert.ToSingle(e.Row.Cells[ 2 ].Text.Length))
{
e.Row.ForeColor = System.Drawing.Color.Yellow;
}

}
}
}

}

 

转载于:https://www.cnblogs.com/zgz_dpl/archive/2010/11/13/1876685.html