Jquery 公告 滚动+AJAX后台得到数据。
ajax得到值,用JQUERY绑定给对应的UL.利用JQUERY的动画来实现他们的滚动公告。
aspx
//但有人说
//$(document).ready(function(){
// alert("hello");
//});(1)
// <body onload="alert('hello');">(2)
// 上面两段代码是等价的。但代码1的好处是做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready (fn)可以在一个页面中重复出现,而不会//冲突。基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用 起来。
// alert("hello");
//});(1)
// <body onload="alert('hello');">(2)
// 上面两段代码是等价的。但代码1的好处是做到表现和逻辑分离。并且可以在不同的js文件中做相同的操作,即$(document).ready (fn)可以在一个页面中重复出现,而不会//冲突。基本上Jquery的很多plugin都是利用这个特性,正因为这个特性,多个plugin共同使用 起来。
后台Util/MainUtil.aspx.cs输出对应的 HTML 的数据
001 |
using System; |
002 |
using System.Collections; |
003 |
using System.Configuration; |
004 |
using System.Data; |
005 |
using System.Linq; |
006 |
using System.Web; |
007 |
using System.Web.Security; |
008 |
using System.Web.UI; |
009 |
using System.Web.UI.HtmlControls; |
010 |
using System.Web.UI.WebControls; |
011 |
using System.Web.UI.WebControls.WebParts; |
012 |
using System.Xml.Linq; |
013 |
014 |
namespace Web.Util |
015 |
{ |
016 |
public partial class MainUtil : System.Web.UI.Page |
017 |
{ |
018 |
protected void Page_Load( object sender, EventArgs e) |
019 |
{ |
020 |
try |
021 |
{ |
022 |
int k = int .Parse(Request[ "param" ].ToString()); |
023 |
switch (k) |
024 |
{ |
025 |
case 1: |
026 |
027 |
toOne(); |
028 |
029 |
break ; |
030 |
case 2: |
031 |
toTwo(); |
032 |
break ; |
033 |
default : |
034 |
break ; |
035 |
036 |
037 |
} |
038 |
} |
039 |
catch { } |
040 |
041 |
042 |
043 |
} |
044 |
045 |
private void toOne() |
046 |
{ |
047 |
try |
048 |
{ |
049 |
string st = String.Empty; |
050 |
string companyName = Request[ "nameparam" ].ToString(); |
051 |
DataTable dt1 = DBUtility.DbHelperSQL.Query( "select top(5) Title,Id from 公告表 where TypeId='2' And Creater='" + companyName + "'order by CreatTime desc" ).Tables[0]; |
052 |
for ( int i = 0; i < dt1.Rows.Count; i++) |
053 |
{ |
054 |
//把公告做成超链接 |
055 |
st += "<li><b> <a style='color: #000000' href='Detail.aspx?CommpanyServer=2&Company=" + companyName + "&id=" + dt1.Rows[i][ "Id" ].ToString() + "' target='_blank'> <font color='#FF3300'>" + dt1.Rows[i][ "Title" ].ToString() + "</font></a></b></li>" ; |
056 |
057 |
058 |
} |
059 |
showHtml(st); |
060 |
} |
061 |
catch { } |
062 |
063 |
} |
064 |
065 |
private void toTwo() |
066 |
{ |
067 |
try |
068 |
{ |
069 |
string st = String.Empty; |
070 |
|
071 |
string companyName= Request[ "nameparam" ].ToString(); |
072 |
073 |
DataTable dt2= DBUtility.DbHelperSQL.Query( "select top(5) Title,Id from 公告表 where Id IN (select top 10 Id from 公告表 where TypeId='2' And Creater='" +companyName+ "'order by CreatTime desc) order by CreatTime asc" ).Tables[0]; |
074 |
075 |
//把公告做成超链接 |
076 |
077 |
for ( int i = 0; i < dt2.Rows.Count; i++) |
078 |
{ |
079 |
080 |
st += "<li><b> <a style='color: #000000' href='Detail.aspx?CommpanyServer=2&Company=" + companyName + "&id=" + dt2.Rows[i][ "Id" ].ToString() + "' target='_blank'><font color='#FF3300'>" + dt2.Rows[i][ "Title" ].ToString() + "</font></a></b></li>" ; |
081 |
082 |
083 |
} |
084 |
showHtml(st); |
085 |
} |
086 |
catch { } |
087 |
} |
088 |
089 |
090 |
091 |
private void showHtml( string st){ |
092 |
Response.ContentType = "text/html" ; //text/html,和application/json 都是输出格式 |
093 |
094 |
Response.Write(st); |
095 |
Response.Flush(); |
096 |
Response.Close(); |
097 |
098 |
099 |
} |
100 |
} |
101 |
} |
1 |
<br> |