知识大全 JS实现仿新浪信息提示效果

Posted 2022-07-21 知

篇首语：凡我们所为之事，从未被人理解；一直是这样：要么被赞美，要么被指责。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JS实现仿新浪信息提示效果相关的知识，希望对你有一定的参考价值。

JS实现仿新浪信息提示效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

<!DOCTYPE PUBLIC //W C//DTD XHTML Transitional//EN transitional dtd > < xmlns= xml:lang= zh CN lang= zh CN > <head> <meta name= verify v content= P T fFCiPVxqMWZ eztyXVzMHlnwD wLQOq LBHN Y = /> <title>政策文件_中国电力工程造价信息网</title> <meta equiv= Content Type content= text/; charset=gb /> <meta equiv= Content Language content= gb /> <meta name= KeyWords content= 电力工程造价价格信息装材设备电力工程 /> <meta name= description content= 电力工程造价信息 /> <style type= text/css > * margin: ;padding: ; </style> </head> <body> <div class= cecmbody id= cecmpolicy > <div class= leftClass > <a href=;网页教学网</a> <input type= button value= 点击这里 onclick= sAlert( hello ); /> </div> <div class= rightClass > </div> </div> <script type= text/javascript language= javascript > //Author:Daviv //Blog: //Date: //Email: function sAlert(str) var msgw msgh bordercolor; msgw= ;//提示窗口的宽度 msgh= ;//提示窗口的高度 titleheight= //提示窗口标题高度 bordercolor= # ;//提示窗口的边框颜色 titlecolor= # CCFF ;//提示窗口的标题颜色 var sWidth sHeight; sWidth=document body offsetWidth; sHeight=screen height; var bgObj=document createElement( div ); bgObj setAttribute( id bgDiv ); bgObj style position= absolute ; bgObj style top= ; bgObj style background= # ; bgObj style filter= progid:DXImageTransform Microsoft Alpha(style= opacity= finishOpacity= ; bgObj style opacity= ; bgObj style left= ; bgObj style width=sWidth + px ; bgObj style height=sHeight + px ; bgObj style zIndex = ; document body appendChild(bgObj); var msgObj=document createElement( div ) msgObj setAttribute( id msgDiv ); msgObj setAttribute( align center ); msgObj style background= white ; msgObj style border= px solid + bordercolor; msgObj style position = absolute ; msgObj style left = % ; msgObj style top = % ; msgObj style font= px/ em Verdana Geneva Arial Helvetica sans serif ; msgObj style marginLeft = px ; msgObj style marginTop = +document documentElement scrollTop+ px ; msgObj style width = msgw + px ; msgObj style height =msgh + px ; msgObj style textAlign = center ; msgObj style lineHeight = px ; msgObj style zIndex = ; var title=document createElement( h ); title setAttribute( id msgTitle ); title setAttribute( align right ); title style margin= ; title style padding= px ; title style background=bordercolor; title style filter= progid:DXImageTransform Microsoft Alpha(startX= startY= finishX= finishY= style= opacity= finishOpacity= ); ; title style opacity= ; title style border= px solid + bordercolor; title style height= px ; title style font= px Verdana Geneva Arial Helvetica sans serif ; lor= white ; title style cursor= pointer ; title innerHTML= 关闭 ; title onclick=function() document body removeChild(bgObj); document getElementById( msgDiv ) removeChild(title); document body removeChild(msgObj); document body appendChild(msgObj); document getElementById( msgDiv ) appendChild(title); var txt=document createElement( p ); txt style margin= em txt setAttribute( id msgTxt ); txt innerHTML=str; document getElementById( msgDiv ) appendChild(txt); </script> </body> </> cha138/Article/program/Java/JSP/201311/19179