用户操作
[留言]  [发消息]  [加为好友] 
订阅我的博客
XML聚合    FeedSky
订阅到鲜果
订阅到Google
订阅到抓虾
zengxie的公告
文章分类
    存档

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

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

    发表于 @ 2008年04月04日 07:10:00 | 评论( loading... ) | 编辑| 举报| 收藏

    旧一篇:猫叫,老鼠逃,人醒 | 新一篇:AJAX简单实现新闻拖放系统

    • 发表评论
    • 评论内容:
    •  
    Copyright © zengxie
    Powered by CSDN Blog