This article describes the JS implementation of the MSN with the closure function of the lower right corner window code. Share to everyone for your reference. Specifically as follows:
This is a very exquisite imitation MSN bottom right corner pop-up window, with the turn off function, directly copy the code will be useful. Demo to use a few small pictures, run the right click to save, here to provide a way of thinking, not entirely limited to this method, practice makes perfect.
Let's take a look at the running effect screenshot:
The online demo address is as follows:
http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/
The specific code is as follows:
<HTML> <HEAD> <title> Imitation msn right corner window </title> <meta http-equiv=content-type content= "text/html; charset=gb2312 "> <script language=javascript> document.writeln (" <div id=\ "msn\" style=\ "BORDER-RIGHT:# 455690 1px solid; Border-top: #a6b4cf 1px solid; z-index:99999; left:0px; Border-left: #a6b4cf 1px solid; width:180px; Border-bottom: #455690 1px solid; Position:absolute; top:0px; height:116px;
Background-color: #c9d3f3 \ ">"); Document.writeln ("<table width=\" 100%\ "border=\" 0\ "cellpadding=\" 0\ "cellspacing=\" 0\ "style=\" BORDER-TOP:# FFFFFF 1px solid;
Border-left: #ffffff 1px solid\ "bgcolor=\" #cfdef4 \ ">"); Document.writeln ("<tr><td height=\" 24\ "width=\" 26\ "style=\" FONT-SIZE:12PX; Background-image:url (images/msgtopbg.gif); COLOR: #0f2c8c \ "valign=\" middle\ "><\/td>"); Document.writeln ("<td style=\" font-weight:normal; font-size:9pt; Background-image:url (iMages/msgtopbg.gif); COLOR: #1f336b;
Padding-top:4px\ "valign=\" middle\ "width=\" 100%\ "> Hint:<\/td>"); Document.writeln ("<td style=\" Background-image:url (images/msgtopbg.gif); Padding-top:2px\ "valign=\" middle\ "width=\" 19\ "align=\" right\ "><\/td>"); Document.writeln ("<\/tr><tr><td colspan=\" 3\ "height=\" 90\ "style=\" PADDING-RIGHT:1PX; Background-image:url (images/msgbottombg.jpg);
Padding-bottom:1px\ ">"); Document.writeln ("<div style=\" border-right: #b9c9ef 1px solid; padding-right:13px; Border-top: #728eb8 1px solid; padding-left:13px; font-size:9pt; padding-bottom:13px; Border-left: #728eb8 1px solid; width:100%; COLOR: #1f336b; padding-top:18px; Border-bottom: #b9c9ef 1px solid; height:100%\ "><a href=\"/jscss/\ "target=\" _blank\ "style=\" font-weight:bold; Color:red\ ">>> Visitors: Welcome back!" <\/a><br><br><a HREf=\ "http:/\" target=\ "_blank\" style=\ "Font-weight:bold"; Color:blue\ ">>> you have (0) text messages.
<\/a><\/div><\/div><\/tr><\/table><\/div> ");
msn.style.top=document.body.clientheight-174;
msn.style.left=document.body.clientwidth-225;
MoveR (); function MoveR () {msn.style.top=document.body.scrolltop+document.body.clientheight-116; msn.style.left=
document.body.scrollleft+document.body.clientwidth-180; SetTimeout ("MoveR ();")} function Closediv () {msn.style.visibility= ' hidden ';} </SCRIPT> </HEAD> < Body style= "margin:0px; Text-align:center "> <table width=" 776 "border=" 0 "cellpadding=" 0 "cellspacing=" 0 "bgcolor=" #eeeeee "> <tr&
Gt <TD height= "1060" align= "center" valign= "top" ><p><br> </p> <p> </p> </TD&G
T </tr> </table> </BODY> </HTML>
The
wants this article to help you with your JavaScript programming.