AJAX简单实现新闻拖放系统

javascript代码: href="css/pub.css" type="text/css" rel="stylesheet" /> <script type="text/javascript"> function init() { //左边的新闻 var NewsIdss=NewsDrop.NewsID("Left").value; var NewsIds=NewsIdss.split("|"); for(var i=0;i divLeft.right&&tX<=divCenter.right) { document.getElementById("Center").appendChild(aoo); } else if(tX>divCenter.right) { document.getElementById("Right").appendChild(aoo); } } function dragEnd() { //debugger if(!draged)return; draged=false; mm=ff(150,15); } function getInfo(o) {//取得坐标 var to=new Object(); to.left=to.right=to.top=to.bottom=0; var twidth=o.offsetWidth; var theight=o.offsetHeight; while(o!=document.body) { to.left+=o.offsetLeft; to.top+=o.offsetTop; o=o.parentElement; } to.right=to.left+twidth; to.bottom=to.top+theight; return to; } function ff(aa,ab){//从GOOGLE网站来,用于恢复位置 var ac=parseInt(getInfo(tdiv).left); var ad=parseInt(getInfo(tdiv).top); var ae=(ac-getInfo(aoo).left)/ab; var af=(ad-getInfo(aoo).top)/ab; return setInterval(function(){if(ab<1) { clearInterval(mm); tdiv.removeNode(true); aoo=null; return } ab--; ac-=ae; ad-=af; tdiv.style.left=parseInt(ac)+"px"; tdiv.style.top=parseInt(ad)+"px" } ,aa/ab) } </script>

c#代码: using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using Ajax; public partial class NewsDrop : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Ajax.Utility.RegisterTypeForAjax(typeof(NewsDrop)); } [Ajax.AjaxMethod()] public string NewsID(string location) { DB dv = new DB(); return dv.getNewsID(location); } [Ajax.AjaxMethod()] public string NewsTitle(int id) { DB dv = new DB(); return dv.getNewsTitle(id); } [Ajax.AjaxMethod()] public string NewsContent(int Id) { DB dv = new DB(); return dv.getNewsContent(Id); } }