基于框架的消息提示框效果代码

详细内容请下载附件附件下载先看一下效果

内容都集合到一个1.58KB的射流研究…文件里复制代码代码如下： var return URL=var messagebox _ timer $ . fn . messagebox=函数（消息、网址、类型、延迟){ clear time out(messagebox _ timer)；$('#msgprint ').移除();var m _ body=$(this)；延迟=(延迟类型=='未定义？5000 :延时);return URL=urlvar box _ style=' position :绝对值；display:nonez指数：1000;padd :10 px 30px 10px 40px '；开关（类型){ case 1: box _ style=' border :1 px实心绿色；颜色： # 090背景：url(./Icons/ok.png) 10px 10px无重复# f1 FEF 2 '；打破；case 0: box _ style=' border :1 px纯红；颜色： # EE1010背景：url(./Icons/error.png) 10px 10px无重复# FDF8E 8 '；打破；默认： box _ style='边框：1 px实心橙色；颜色：橙色；背景：url(./Icons/warning.png) 10px 10px无重复# FEFDE 9 '；break } var str=' div id=\ ' msgprint ' style=\ ' box _ style ' \ ' message '/div '；m _ body。追加(字符串)；var DOM _ obj=文档。getelementbyid(' msgprint ')；var ext_width=$('#msgprint ').宽度();DOM _ obj。风格。top=(文档。文档元素。向上滚动(文档。文档元素。客户端高度-DOM _ obj。offset theight-$(' # msg print ').height())/2)' px '；DOM _ obj。风格。左=(文档。文档元素。向左滚动(文档。文档元素。客户端宽度-DOM _ obj。offset with-$(' # msg print ').width())/2)' px '；$('#msgprint ').fadeIn(1000，function(){ messagebox _ timer=setTimeout(messagebox _ out，delay)})；};函数messagebox _ out(){ if(返回URL==undefined | |返回URL==' '){ $(' # msgprint ').淡出(1000)} if(return URL==' back '){ this。历史。back(-1)} else if(返回URL！returnurl！=未定义){这个。位置。href=返回网址} }引用的射流研究…文件：复制代码代码如下：脚本src=' http :http://代码。Jquery。com/Jquery-最新。js ' type=' text/JavaScript '/脚本脚本src=' Http : script/Jquery .l .消息。js ' type=' text/JavaScript '/script页面代码：复制代码代码如下： body div id=' hello ' style=' height : 350 px；'ullia href=' JavaScript : $(' # hello ').messagebox('成功提示br/成功提示，' http://localhost:5083/'，1，20000)；'成功，20秒后跳转/a/li阿利messagebox('错误提示br/错误提示', '', 0, 1000);'失败，1秒消失/a/li阿利messagebox('这是警告br/这是警告、“回”，2)；"警告，默认时间5秒后后退/a/li/ul/div/body