aspnet网站右下角弹出通知效果的制作

《aspnet网站右下角弹出通知效果的制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、很多网站都有通知和消息的弹出窗口，一般都是在右下角部分，而且可以随着页面的滚动始终保持在右下角，且浮动于最上层，也就是说你不会因为点击了当前页面而使得通知窗口隐藏了。重要的一点是，该窗口中的内容是实时从数据库或其他远程部分中取来，不是简单的一个登陆欢迎通知。这当然就是Ajax的强项了。如果这个窗口的CSS做的再漂亮点的话，那效果就更好了。这里，我就说说如何制作这样的弹出窗口。首先，要明确我们做的不是简单的通知一次即可的弹出窗口。是需要动态去服务器或其他远程部分如webservice取来数据，这就要求最起码得知道页面的加载和工作流程。应该是这样的：1、请求页面Page；2、加载Page中的

2、元素；3、将Page返回客户端；4、执行Page中的JavaScript方法；5、在其中一个JavaScript方法中定时调用与服务器交互的方法；6、后台执行该方法，返回处理结果（数据库中查询到满足条件的信息，如有新的新闻或邮件）；7、服务器将结果发送给客户端的JavaScript回调方法；8、处理该结果，需要显示时动态生成DIV或者将已存在的DIV样式的display设为block；9、关闭通知窗口时销毁该DIV或将其display设为none从头写Ajax的东西比较麻烦，这里就用Devexpress的控件代替，可以节约很多开发量的。首先，在当前页面Page放一个ASPxCallbac

3、k组件，设置各项属性如下:其中ASPxCallback1_CallBack是cs文件对应的回调方法；cs文件中就需要有这个

4、名字的方法：protectedvoidASPxCallback1_Callback(objectsource,CallbackEventArgse){stringstrSQL="yousqlhere";stringstrResult="";DataSetDS=Exeute(strSQL);if(DS.Tables[0].Rows[0][0].ToString()!="0"){strResult="hereiswhatyouneedinformation

5、";}e.Result=strResult;} 返回的就是带有HTML标记的信息内容，之所以在后台处理为带有HTML标记的信息，是为了更好的控制显示消息的格式。待服务端返回查询结果后，就可以执行上面ASPxCallBack中的funtion(s,e){}方法了。首先检测通知层newDiv是否以弹出（是否存在）,若已弹出则不再弹出新窗口，否则弹出一个通知窗口，位置在右下角。具体弹出通知窗口的方法使用JavaScript来实现的：functionapplicationInitHandler(){window.setInter

6、val("ShowDetails()",5000);}functionShowDetails(){Callback1.SendCallback();}vardocEle=function(){returndocument.getElementById(arguments[0])

7、

8、false;}functionopenNewDiv(_id,message){if(docEle(_id))document.body.removeChild(docEle(_id));varnewDiv=document.create

9、Element("div");varstr=""str+="closeb