js+ asp.Net ajax开发163邮箱效果（列表底色、多选拖动等)--列表底色随鼠标移动变化

这个月很忙
一直没有时间记点东西
把上个项目中(asp.Net )
模仿163邮箱邮件列表相关效果放出来
和大家交流一下
包括 邮件底色变化、checkBox相关、拖放邮件至不同文件夹实现分配等等

很多也是来自网上的技巧
有的实现也比较veak 希望大家指正

邮件底色：
163邮箱原始效果如下图，鼠标所在行底色变化，从而提高可读性
其实这个很普遍，在Andy Budd的《css mastery》中就有提到实现
var color1 = "#fff58f"; //选中颜色
var color2 = "#afddff"; //移动颜色
var color3 = ""; //初始色
function mov(obj)
function mou(obj,originalColor)
protected void grvProjList_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
if ((e.Row.RowIndex % 2) == 0)
{
e.Row.Attributes.Add("onmouseout", "mou(this,'" + System.Drawing.ColorTranslator.ToHtml(grvProjList.RowStyle.BackColor) + "')");
}
else
{
e.Row.Attributes.Add("onmouseout", "mou(this,'" + System.Drawing.ColorTranslator.ToHtml(grvProjList.AlternatingRowStyle.BackColor) + "')");
}

e.Row.Attributes.Add("onmouseover", "mov(this)");

e.Row.Attributes["style"] = "Cursor:hand";
}
}
好了，把上面的代码加入你的GridView,并且确保第一列是个CheckBox列
就能看到选中的效果了