首页>>Jquery图片>>带缩略图透明渐变切换焦点图(2018-09-06)

带缩略图透明渐变切换焦点图

带缩略图透明渐变切换焦点图
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="ink_620banner">  
  2. <div class="sliderkit photoslider-bullets" style="display: block;">  
  3.     <div class="sliderkit-nav">  
  4.       <div class="sliderkit-nav-clip" style="width: 461px; height: 41px;">  
  5.         <ul style="width: 595px; left: 154px;">  
  6.           <li style="width: 100px; height: 30px;" class="sliderkit-selected"><a href="http://www.internetke.com/webJs/num/2012008/#" class="png_bg"><img src="images/062banner1a.jpg" alt="" width="100" height="30"></a></li>  
  7.           <li style="width: 100px; height: 30px;" class=""><a href="http://www.internetke.com/webJs/num/2012008/#" class="png_bg"><img src="images/062banner2a.jpg" alt="" width="100" height="30"></a></li>  
  8.           <li style="width: 100px; height: 30px;" class=""><a href="http://www.internetke.com/webJs/num/2012008/#" class="png_bg"><img src="images/062banner3a.jpg" alt="" width="100" height="30"></a></li>  
  9.           <li style="width: 100px; height: 30px;" class=""><a href="http://www.internetke.com/webJs/num/2012008/#" class="png_bg"><img src="images/062banner1a.jpg" alt="" width="100" height="30"></a></li>  
  10.           <li style="width: 100px; height: 30px;" class=""><a href="http://www.internetke.com/webJs/num/2012008/#" class="png_bg"><img src="images/062banner2a.jpg" alt="" width="100" height="30"></a></li>  
  11.         </ul>  
  12.       </div>  
  13.     </div>  
  14.     <div class="sliderkit-panels">  
  15.       <div class="sliderkit-panel sliderkit-panel-active" style="display: block; opacity: 0.987258;"><a href="http://www.internetke.com/m2_js_mode1_27.html" title="JS/flash特效" target="_blank"><img src="images/062banner1.jpg" alt="" width="650" height="250"></a> </div>  
  16.       <div class="sliderkit-panel sliderkit-panel-old" style="display: block;"><a href="http://www.internetke.com/m2_js_txtMode1_30.html" title="文本/文字特效" target="_blank"><img src="images/062banner2.jpg" alt="" width="650" height="250"></a> </div>  
  17.       <div class="sliderkit-panel" style="display: block;"><a href="http://www.internetke.com/m2_itm_mode2_28.html" title="HTML应用" target="_blank"><img src="images/062banner3.jpg" alt="" width="650" height="250"></a> </div>  
  18.       <div class="sliderkit-panel" style="display: block;"><a href="http://www.internetke.com/m2_itm_mode2_4.html" title="web应用" target="_blank"><img src="images/062banner1.jpg" alt="" width="650" height="250"></a> </div>  
  19.       <div class="sliderkit-panel" style="display: block;"><a href="http://www.internetke.com/m2_itm_mode2_29.html" title="设计应用" target="_blank"><img src="images/062banner2.jpg" alt="" width="650" height="250"></a> </div>  
  20.     </div>  
  21.   </div>  
  22. </div>  

 


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