Click the hyperlink display hidden layer implemented by JS

Click the link. A prompt box is displayed. You can click a link in the prompt box.
Move the mouse away from the link or move the prompt box to hide it.

What I wrote below cannot be adaptive. If the menu is left aligned, can the display layer be automatically displayed on the right? How should I adjust JS?<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"> <br/> <style> body {background-color: # FFF; font-size: 14px; color: #666 ;}# link-url a {display: block; Height: 30px; line-Height: 30px; width: 100px; color: #666; text-Decoration: none; cursor: pointer;} # Link-url a: hover {Background: # CCC ;}# D-K {position: relative; margin: 0px 0px 0px 0px; Z-index: 0 ;}# layer1, # Layer2, # layer3, # layer4, # layer5 {position: absolute; left: 70px; top: 0px; right: 70px ;}# show-K {margin: 0px 0px 0px; position: relative; Background-color: #000; Border: # CCC 1px solid; Height: 100px; z-index: 3; filter: alpha (opacity = 70); opacity: 0.7; width: 500px ;} </style> <p> <Table width = "400" cellspacing = "5"> <tr> <TD> click one </P> <Table width = "100%" border = "0" cellpadding = "0" cellspacing = "0"> <tr> <TD> the sum of people and 11 of 1 sty and lesdf people </TD> <TD> people and people's and </TD> <TD> 33 people and people's and 3 </TD> <TD> of 44 persons and persons, and of persons and persons, and of persons and of 4 </TD> </tr> </ table> </P> </TD> </tr> <TD> click one </P> <Table width = "100%" border = "0" cellpadding = "0" cellspacing = "0"> <tr> <TD> 111 </TD> <TD> 222 </TD> <TD> 333 </TD> <TD> 444 </TD> </tr> </table> </P> </TD> </tr> <TD> click one </P> <Table width = "100%" border = "0" cellpadding = "0" cellspacing = "0"> <tr> <TD> 111 </TD> <TD> 222 </TD> <TD> 333 </TD> <TD> 444 </TD> </tr> </table> </P> </TD> </tr> <TD> I click one </P> <Table width = "100%" border = "0" cellpadding = "0" cellspacing = "0"> <tr> <TD> 111 </TD> <TD> 222 </TD> <TD> 333 </TD> <TD> 444 </TD> </tr> </table> </P> </TD> </tr> <TD> click one </P> <Table width = "100%" border = "0" cellpadding = "0" cellspacing =" 0 "> <tr> <TD> 111 </TD> <TD> 222 </TD> <TD> 333 </TD> <TD> 444 </TD> </ tr> </table> </P> </TD> </tr> </table> <p>