好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

请教:如何用CSS+div实现气泡弹出框_html/css_WEB-ITnose

页面上有文章标题的列表,当浏览者点击某个连接时,弹出一个气泡框(不是新开页面,只是在本页),气泡框的内容是这篇文章的详细内容。

搜索了几个,效果均不尽如人意。弹出的气泡窗的小箭头,要指向文章链接,不是随便乱指。


回复讨论(解决方案)

弄了一个,但是没实现有气泡效果:

    网页中弹出小窗口,页面背景逐渐变为半透明  html,body{font-size:12px;margin:0px;height:100%;}.mesWindow{border:#666 1px solid;background:#fff;}.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decoration:underline;background:#fff}  var isIe=(document.all)?true:false;//设置select的可见状态function setSelectState(state){var objl=document.getElementsByTagName('select');for(var i=0;i    "+wTitle+"

      

查看更多关于请教:如何用CSS+div实现气泡弹出框_html/css_WEB-ITnose的详细内容...

  阅读:36次