Home > Developer > JavaScript
Js implements pop-up code and js pop-up window code in the lower right corner of the function like MSN with the function of disabling
The example in this article describes the pop-up code in the lower right corner of the js Implementation of the function similar to MSN with the function of disabling. Share it with you for your reference. The details are as follows:
This is a very exquisite and beautiful pop-up window in the lower right corner of the imitation MSN, with the function of disabling, directly copying the code will work. The demo uses a few small images. when running the demo, right-click and save it. Here we provide a way of thinking, which is not completely limited to this method.
Let's take a look at the running effect:
The Online Demo address is as follows:
Http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/
The Code is as follows:
<HTML> <HEAD> <title> simulate a pop-up window in the lower-right corner of MSN </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: pixel PX; BACKGROUND-COLOR: # c9d3f 3 \ ">"); 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% \ "> prompt: <\/td>"); document. writeln ("<td style = \" BACKGROUND-IMAGE: url (images/msgTopBg.gif); PADDING-TOP: 2px \ "valign = \" middle \ "width = \" 19 \ "align = \" right \ "> <\/td> "); document. writeln ("<\/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; BORD ER-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> <a href = \ "http:/\" target = \ "_ blank \" style = \ "FONT-WEIGHT: bold; COLOR: blue \ ">>> you have (0) short messages. <\/A> <\/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 ();", 80)} function closeDiv () {msn. style. visibility = 'den den ';}</SCRIPT> </HEAD> <BODY style = "MARGIN: 0px; TEXT-ALIGN: center "> <table width =" 776 "border =" 0 "cellpadding =" 0 "cellspacing =" 0 "bgcolor =" # eeeeee "> <tr> <td height =" 1060 "align =" center "valign =" top "> <p> <br> </p> </td> </tr> </ table> </BODY> </HTML>
I hope this article will help you design javascript programs.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
