1、CSS样式  

 1   <style type="text/css">
 2         html,body,.viewer,.viewer .pic-list,.viewer .pic-list li { width:100%; height:100%; vertical-align:middle;}
 3         .viewer { position:relative; overflow:hidden;}
 4         .viewer .bar { display:none; width:100%; height:28px; line-height:18px; background:#000; position:absolute; bottom:0; left:0; z-index:998;}
 5         .viewer .bar td { padding:5px 10px;}
 6         .viewer .bar a { color:#fff;}
 7         .viewer .list { overflow:hidden;} 
 8         .viewer .list li { list-style:none; display:none; overflow:hidden; text-align:center; vertical-align:middle;}
 9         .viewer .list li img { vertical-align:middle;}
10         .viewer a.arrow { display:none; width:52px; height:42px; line-height:42px; text-align:center; overflow:hidden; color:#fff; background:#000; position:absolute; top:50%; margin-top:-30px; z-index:999;}
11         .viewer a.prev { left:0;}
12         .viewer a.next { right:0;}
13     </style>
View Code

相关文章:

  • 2021-09-13
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-18
  • 2021-07-17
  • 2021-10-02
  • 2021-12-04
猜你喜欢
  • 2021-10-11
  • 2022-12-23
  • 2022-01-07
  • 2022-12-23
  • 2021-11-04
  • 2021-12-04
  • 2021-07-02
相关资源
相似解决方案