用ajax实现仿CSDN下载评论的闪烁效果

昨天在研究CSDN上的下载时怎样实现的闪烁效果, 在确定那个是最后一个层的方面有信得到hbhbhbhbhb1021的帮助,解决了问题,所以贴出代码,给大家看看

javascript 部分;

<script language="javascript" type="text/javascript">
var colors2 = new Array(18);
colors2[0]="#000000";
colors2[1]="#333300";
colors2[2]="#665500";
colors2[3]="#997700";
colors2[4]="#CC9900";
colors2[5]="#FFCC00";
colors2[7]="#000000";
colors2[8]="#333300";
colors2[9]="#665500";
colors2[10]="#997700";
colors2[11]="#CC9900";
colors2[12]="#FFCC00";
colors2[13]="#000000";
colors2[14]="#333300";
colors2[15]="#665500";
colors2[16]="#997700";
colors2[17]="#CC9900";
colors2[18]="#FFCC00";
var i=0;

function FadeText()
{
if(i<18)
{

var AddContent=document.getElementById("AddContent");
var ContentTxt=AddContent.getElementsByTagName("div");
var ContentTxtLast=ContentTxt[ContentTxt.length-2];
ContentTxtLast.style.visibility = "visible";
ContentTxtLast.style.backgroundColor = colors2[i];
i++;
timerID2 = setTimeout( "FadeText()", 100);
}
else
{
var AddContent=document.getElementById("AddContent");
var ContentTxt=AddContent.getElementsByTagName("div");
var ContentTxtLast=ContentTxt[ContentTxt.length-2];
ContentTxtLast.style.backgroundColor="white";
}
}
function getMsg()
{
i=0;
var content=document.getElementById("TextBox2").value;
var name=document.getElementById("TextBox1").value;
var divcontent=document.getElementById("AddContent");
var time=new Date().toLocaleString();
regUser_Messages.UpdateDB(content);

divcontent.innerHTML+="<div style='width: 100%; height: 30px; background-color: #dcdcff; font-weight: bold; font-size: 12px; color: blue; border-top: #6666ff 1px solid;'>"+name+":发表评论</div>";
divcontent.innerHTML+="<div style='width: 100%; height: 40px; border-bottom: #66ccff 1px dashed; font-size: 12px;'>"+content+"</div>";
divcontent.innerHTML+="<div style='width: 100%; height: 30px; background-color: #ccffff; font-weight: bold; font-size: 12px; color: blue; border-bottom: #6666ff 1px solid;'>"+"时间时间:"+time+"</div>";
FadeText();

}
</script>

cs 部分:这里是用的客户端调CS,需要做三件事, 一:CONFIG中的<httpHandlers>加<add verb="POST,GET" path="ajax/*.ashx" type="Ajax.PageHandlerFactory, Ajax"/> 二: protected void Page_Load(object sender, EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(regUser_Messages));

}

在Page_Load 中注册

三:就是方法上加Ajax.AjaxMethod()]
以下是CS部分

[Ajax.AjaxMethod()]
public void UpdateDB(string content)
{
NewsId = 1;
UserName = "zengxie";
SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["MovieConnectionString"].ToString());
SqlCommand cmd = new SqlCommand();
cmd.Connection = con;
cmd.CommandText = "UpdateNewsRe";
cmd.CommandType = CommandType.StoredProcedure;
SqlParameter sqlUserName = new SqlParameter("@username", SqlDbType.NVarChar, 50);
SqlParameter sqlContent = new SqlParameter("@content", SqlDbType.NVarChar, 50);
SqlParameter sqlId = new SqlParameter("@id", SqlDbType.Int);
SqlParameter sqlResult = new SqlParameter("@out", SqlDbType.Int);
sqlResult.Direction = ParameterDirection.Output;
sqlUserName.Value = UserName;
sqlContent.Value = content;
sqlId.Value = NewsId;
cmd.Parameters.Add(sqlUserName);
cmd.Parameters.Add(sqlContent);
cmd.Parameters.Add(sqlId);
cmd.Parameters.Add(sqlResult);
con.Open();
cmd.ExecuteNonQuery();
string result = Convert.ToString(cmd.Parameters["@out"].Value);
cmd.Dispose();
con.Close();
//return Result.ToString();
}

这里有存储过程的返回值,可以自由发挥了,我没有做