用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();
    }

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

  • 1
    点赞
  • 6
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值