效果演示

 效果如上图

除了动态表现外基本实现了lightbox的效果。

代码比较多，我只贴出核心代码，如果对此感兴趣可以下载我附上的文件后细细研究。

              <style>
              img{border:none;}
              .black_overlay{
                  display: none;
                  position: absolute;
                  top: 0%;
                  left: 0%;
                  width: 100%;
                  height: 100%;
                  background-color: black;
                  z-index:1001;
                  -moz-opacity: 0.8;
                  opacity:.80;
                  filter: alpha(opacity=80);
              }
              .white_content {
                  display: none;
                  position: absolute;
                  top: 25%;
                  left: 25%;
                  width: 603px;
                  height: 475px;
                  padding: 16px;
                  border: 16px solid #eee;
                  background-color: white;
                  z-index:1002;
                  overflow: auto;
              }

遮罩层是用一个满屏带透明的层实现的，也用到了一点javascript，很简单。

效果演示