首页>>焦点图>>焦点图右侧标题选择(2014-01-28)

焦点图右侧标题选择

焦点图右侧标题选择
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <h2>Demo1(autoplay enable; window width:800px; Thumbnail width: 200px)</h2>  
  2. <div id="desSlideshow1" class="desSlideshow">  
  3.     <div class="switchBigPic">  
  4.         <div>  
  5.                     <a title="" href="#"><img class="pic" src="./images/006.jpg" /></a>  
  6.                     <p><strong>Description Title1</strong><br/>  
  7.                         Description Content1  
  8.                     </p>  
  9.       </div>  
  10.         <div><a title="" href="#"><img class="pic" src="./images/004.jpg" /></a>  
  11.       </div>  
  12.         <div><a title="" href="#"><img class="pic" src="./images/001.jpg" /></a>  
  13.                     <p><strong>Description Title3</strong><br/>  
  14.                         Description Content3  
  15.                     </p>  
  16.       </div>  
  17.         <div><a title="" href="#"><img class="pic" src="./images/003.jpg" /></a>  
  18.                     <p><strong>Description Title4</strong><br/>  
  19.                         Description Content4  
  20.                     </p>  
  21.       </div>  
  22.   </div>  
  23.     <ul class="nav">  
  24.         <li><a href="#">Slideshow1</a></li>  
  25.         <li><a href="#">Slideshow2</a></li>  
  26.         <li><a href="#">Slideshow3</a></li>  
  27.         <li><a href="#">Slideshow4</a></li>  
  28.     </ul>  
  29. </div>  
  30. <h2>Demo2(autoplay disable; window width:600px; Thumbnail width: 120px)</h2>  
  31. <div id="desSlideshow2" class="desSlideshow">  
  32.     <div class="switchBigPic">  
  33.         <div>  
  34.                     <a title="" href="#"><img class="pic" src="./images/006.jpg" /></a>  
  35.                     <p><strong>Description Title1</strong><br/>  
  36.                         Description Content1  
  37.                     </p>  
  38.       </div>  
  39.         <div><a title="" href="#"><img class="pic" src="./images/004.jpg" /></a>  
  40.       </div>  
  41.         <div><a title="" href="#"><img class="pic" src="./images/001.jpg" /></a>  
  42.                     <p><strong>Description Title3</strong><br/>  
  43.                         Description Content3  
  44.                     </p>  
  45.       </div>  
  46.         <div><a title="" href="#"><img class="pic" src="./images/003.jpg" /></a>  
  47.                     <p><strong>Description Title4</strong><br/>  
  48.                         Description Content4  
  49.                     </p>  
  50.       </div>  
  51.   </div>  
  52.     <ul class="nav">  
  53.         <li><a href="#">Slideshow1</a></li>  
  54.         <li><a href="#">Slideshow2</a></li>  
  55.         <li><a href="#">Slideshow3</a></li>  
  56.         <li><a href="#">Slideshow4</a></li>  
  57.     </ul>  
  58. </div>  

 


原文地址:http://www.freejs.net/article_jiaodiantu_244.html