csdn论坛上的弹出窗口

Question

点击csdn论坛的收藏就会弹出一个收藏窗口，想知道怎么弄的？

Answer 1

firebug  很容易发现是 div 内嵌 iframe<div style="text-align: left; position: absolute; border-style: none; border-width: 0px; z-index: 1001; left: 563px; top: 239.5px; width: 650px; height: 400px;"><table cellspacing="0px" cellpadding="0px" style="width: 650px; height: 400px;"><tbody><tr style="height: 40px;"><td style="background-image: url(&quot;/u/ui/styles/default/dialog/corner.png&quot;); background-position: 0px -100px; background-repeat: no-repeat; width: 25px;"></td><td style="background-image: url(&quot;/u/ui/styles/default/dialog/vertical.png&quot;); width: 600px; background-position: 0px -100px; background-repeat: repeat-x;"><div style="float: left; font-weight: bold; cursor: move; height: 29px; vertical-align: middle; line-height: 29px; margin-top: 11px; width: 550px;">放进我的网摘</div><div style="float: right;"><img src="/u/ui/styles/default/dialog/blank.gif" style="background-image: url(&quot;/u/ui/styles/default/dialog/closebtn.gif&quot;); width: 44px; height: 19px; background-repeat: no-repeat; margin-top: 12px; cursor: pointer; background-position: 0px 0px;"></div></td><td style="background-image: url(&quot;/u/ui/styles/default/dialog/corner.png&quot;); background-repeat: no-repeat; background-position: -75px -100px; width: 25px;"></td></tr><tr style="height: 335px;"><td style="background-image: url(&quot;/u/ui/styles/default/dialog/horizontal.png&quot;); background-position: -100px 0px; background-repeat: repeat-y;"></td><td style="background-color: White; height: 335px;"><div style="width: 600px; height: 335px;"><iframe width="600px" height="335px" frameborder="0" style="margin: 0pt;" src="http://wz.csdn.net/storeit.aspx?noui=yes&amp;jump=close&amp;u=http%3A//topic.csdn.net/u/20110228/13/c3944910-fca7-4cf0-aaca-d4a41840ed94.html%3F59730&amp;t=csdn%u8BBA%u575B%u4E0A%u7684%u5F39%u51FA%u7A97%u53E3%20-%20Web%20%u5F00%u53D1%20/%20JavaScript&amp;c="></iframe></div></td><td style="background-image: url(&quot;/u/ui/styles/default/dialog/horizontal.png&quot;); background-position: -175px 0px; background-repeat: repeat-y;"></td></tr><tr style="height: 25px;"><td style="background-image: url(&quot;/u/ui/styles/default/dialog/corner.png&quot;); background-repeat: no-repeat; background-position: 0px -175px;"></td><td style="background-image: url(&quot;/u/ui/styles/default/dialog/vertical.png&quot;); background-position: 0px -175px; background-repeat: repeat-x;"></td><td style="background-image: url(&quot;/u/ui/styles/default/dialog/corner.png&quot;); background-repeat: no-repeat; background-position: -75px -175px;"></td></tr></tbody></table></div>