首页>>Jquery图片>>jquery左右图片 当前图片凸出放大显示带标题(2014-08-08)

jquery左右图片 当前图片凸出放大显示带标题

jquery左右图片 当前图片凸出放大显示带标题
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="btnMode" id="slider">      
  2.     <a href="javascript:void(0);" class="prev btn"></a>  
  3.     <div class="scroll">      
  4.         <ul class="scrollContainer">  
  5.             <li class="panel" id="panel_1">  
  6.                 <a href="" class="inside" target="_blank">  
  7.                     <img width="230" height="295" alt="" src="../erlianhaote.png" />  
  8.                     <span>二连浩特</span>  
  9.                 </a>  
  10.             </li>  
  11.             <li class="panel" id="panel_2">  
  12.                 <a href="" class="inside" target="_blank">  
  13.                     <img width="230" height="295" alt="" src="../freejs.jpg" />  
  14.                     <span>freejs.net</span>  
  15.                 </a>  
  16.             </li>  
  17.             <li class="panel" id="panel_3">  
  18.                 <a href="" class="inside" target="_blank">  
  19.                     <img width="230" height="295" alt="" src="../dandong.png" />  
  20.                     <span>丹东</span>  
  21.                 </a>  
  22.             </li>  
  23.             <li class="panel current" id="panel_4">  
  24.                 <a href="" class="inside" target="_blank">  
  25.                     <img width="230" height="295" alt="" src="../dalian.jpg" />  
  26.                     <span>大连</span>  
  27.                 </a>  
  28.             </li>  
  29.             <li class="panel" id="panel_5">  
  30.                 <a href="" class="inside" target="_blank">  
  31.                     <img width="230" height="295" alt="" src="../mohe.png" />  
  32.                     <span>漠河</span>  
  33.                 </a>  
  34.             </li>  
  35.             <li class="panel" id="panel_6">  
  36.                 <a href="" class="inside" target="_blank">  
  37.                     <img width="230" height="295" alt="" src="../sanya.jpg" />  
  38.                     <span>三亚</span>  
  39.                 </a>  
  40.             </li>  
  41.   
  42.         </ul>  
  43.     </div>  
  44.     <a href="javascript:void(0);" class="next btn"></a>       
  45. </div>  

 


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