js实现仿微软网络带关闭功能的右下角弹窗代码

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

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

先来看看运行效果截图：

在线演示地址如下：

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希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。