用ajax实现仿CSDN下载评论的闪烁效果
2008-04-04 07:10
387 查看
昨天在研究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();
}
这里有存储过程的返回值,可以自由发挥了,我没有做
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();
}
这里有存储过程的返回值,可以自由发挥了,我没有做
相关文章推荐
- php+jQuery+Ajax实现点赞效果的方法(附源码下载)
- 想知道CSDN的评论一提交上去就显示出来的AJAX是怎么实现的吗
- 想知道CSDN的评论一提交上去就显示出来的AJAX是怎么实现的吗!!
- php配合ajax实现仿网易文章评论效果
- sns 评论ajax分页 和 二级评论ajax 分页 ssh2 实现 源码下载
- 利用javascript从数据库取数据来实现CSDN首页图片的切换效果(新增下载地址)
- 想知道CSDN的评论一提交上去就显示出来的AJAX是怎么实现的吗!!
- CSDN 如何在评论区实现超链接的效果
- sns 评论ajax分页 和 二级评论ajax 分页 ssh2 实现 源码下载
- javascript+ajax控制滑块实现滑杆拉动式评论翻页效果
- C#之使用NotifyIcon实现任务栏托盘菜单,图标闪烁效果及气泡提示 很多程序是只需要后台运行的,甚至不需要自己的应用界面。NotifyIcon提供了程序在任务栏的显示功能 程序下载链接如下
- 【CSDN下载】第四期:Android实现手机通讯录效果源码、iOS11.2 DeviceSupport
- php+jQuery+Ajax实现点赞效果的方法(附源码下载)
- AjaxPanel自定义控件实现页面无刷新数据交互(做了个示例程序, 效果确实比较Cool, 用法非常简单! )(示例代码下载)
- Asp.Net+Ajax实现的宝宝RSS阅读器源码下载
- 【凯子哥带你做高仿】“煎蛋”Android版的高仿及优化(二)——大图显示模式、评论“盖楼”效果实现详解
- Swift-贝赛尔曲线画扇形、弧线、圆形、多边形——UIBezierPath实现App下载时的动画效果
- ajax实现windows关机效果代码
- 用ajax实现无刷新国家,省份,城市的联动效果,相当于实现dropdownlist联动效果
- asp+ajax实现分页效果