本文实例讲述了射流研究…实现仿微软网络带关闭功能的右下角弹窗代码。分享给大家供大家参考。具体如下：

这是一款非常精致漂亮的仿微软网络右下角弹出窗口，带关闭功能，直接复制代码就管用。演示要用到几个小图片，运行的时候点击右键保存一下，这里提供一种思路，并不完全局限于此种方法，熟能生巧。

先来看看运行效果截图：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/

具体代码如下：

HTMLHEADtitle仿微软网络右下角弹窗/title MetA http-equiv=Content-Type Content=' text/html；charset=GB 2312 ' SCRIPT语言=JAVAScript文档。writeln(' div id= ' MSN ' style= ' BOrder-right : # 455690 1px solid；边框-TOP:#a6b4cf 1px实心；z-index :99999left :0 pxborder-left : # a6 b4cf 1px实心；宽度宽度：180像素边框-底部：#455690 1px实心；位置：绝对；TOP:0px高度：116 Px背景-颜色： # C9 D3 F3 ')；文件。writeln('表格宽度= ' 100% ' BOrder= ' 0 '单元格填充= ' 0 '单元格间距= ' 0 '样式= ' BOrder-TOP : # ffffff 1px实心；BOrder-LEft : # ffffff 1px solid ' bgcolor= ' # cfdef 4 ')；文件。writeln(' trtd height= ' 24 ' width= ' 26 ' style= ' FONT-SiZe :12 px；背景-image : URl(images/msgtopbg。gif)；color : # 0f2c 8c ' valign= ' middle ' img src= ' images/msglogo。gif ' hs pace= ' 5 ' align= ' Abssmiddle ' vs pace= ' 1 ' //TD ')；文件。writeln(' TD style= ' FONT-weight : normal；FONT-SiZe :9 pt；背景-image : URl(images/msgtopbg。gif)；color : # 1 f 336 bpadding-ToP :4 px ' valign= ' middle ' width= ' 100% '提示：/TD '；文件。writeln(' TD style= ' BACKGROUND-image : URl(images/msgtopbg。gif)；PADDING-top :2 px ' valign= ' middle ' width= ' 19 ' align= ' right ' img src= ' images/msgclose。gif ' hs pace= ' 3 ' style= '光标指针： ' onclick= ' closeDiv() ' title= '关闭 ' //TD ')；文件。writeln(' /trtr TD col span= ' 3 ' height= ' 90 ' style= ' PADDING-right :1 px；背景-image : URl(images/msgbottombg。jpg)；PADDING-bottom :1 px ' ')；文件。writeln(' div style= ' BOrder-right : # b9c 9ef 1px实心；PADDING-right : 13px；边框-TOP: #728eb8 1px实心；PADDING-left : 13px；FONT-SiZe : 9pt；PADDING-bottom : 13px；边框-左侧： #728eb8 1px实心；宽度： 100%;color : # 1f 336 bpadding-TOP : 18px；边框-底部： #b9c9ef 1px实心；高度： 100% ' a href= '/jscss/ ' target= ' _ blank ' style= ' FONT-weight : BOLD；颜色：红色 '游客：欢迎回来！/ABR bra href= ' http :/ ' target= ' _ blank ' style= ' FONT-weight : BOLD；颜色：蓝色 '您有(0)条短信息/a /div /div /tr /table /div '；MSN。风格。top=文档。尸体。客户端高度-174；MSN。风格。left=文档。尸体。客户端宽度-225；moveR()；function moveR(){ MSN。风格。top=文档。尸体。滚动顶部文档。尸体。客户端高度-116；MSN。风格。left=文档。尸体。窃取文件。尸体。客户端宽度-180；setTimeout('(MoVER()；',80)}函数closeDiv(){ MSN。风格。可见性='隐藏'；}/SCRIPT/流浆池style=' margin : 0pxTEXT-align :中心'表格宽度='776 '边框='0 '单元格填充='0 '单元格间距=' 0 ' bgcolor=' # eeeeee ' tr td高度='1060 '对齐='中心valgn=' top ' pbr/p/p/TD/tr/table/BOdy/HTML希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。