首页>>焦点图>>jQuery缩略图突出显示的圆角焦点图 可以自动切换，点击上下页切换或者缩略图切换(2014-08-03)

jQuery缩略图突出显示的圆角焦点图 可以自动切换，点击上下页切换或者缩略图切换

jQuery缩略图突出显示的圆角焦点图 可以自动切换，点击上下页切换或者缩略图切换
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="slider_box" id="slider_name">   
  2.       
  3.     <div class="mask"></div>  
  4.            
  5.     <ul class="silder_con">   
  6.         <li class="silder_panel"><a href="" class="f_l"><img src="images/1.jpg" width="800" height="375" /></a></li>  
  7.         <li class="silder_panel"><a href="" class="f_l"><img src="images/2.jpg" width="800" height="375" /></a></li>  
  8.         <li class="silder_panel"><a href="" class="f_l"><img src="images/3.jpg" width="800" height="375" /></a></li>  
  9.         <li class="silder_panel"><a href="" class="f_l"><img src="images/4.jpg" width="800" height="375" /></a></li>  
  10.         <li class="silder_panel"><a href="" class="f_l"><img src="images/5.jpg" width="800" height="375" /></a></li>       
  11.     </ul>  
  12.       
  13.     <div class="silder_intro">  
  14.         <h3>味道江显武（私房菜）1</h3>  
  15.         <div>  
  16.             <p>黑椒鸡排牛肉</p>  
  17.             <p>特点：牛肉含有丰富的蛋白质和脂肪，其氨基酸组成接近于人体需要</p>  
  18.             <p>口感：辣感十足，肉味鲜美，饶有嚼头，美味无处不在。</p>  
  19.         </div>  
  20.     </div>  
  21.     <div class="silder_intro">  
  22.         <h3>味道江显武（私房菜）2</h3>  
  23.         <div>  
  24.             <p>黑椒鸡排牛肉</p>  
  25.             <p>特点：牛肉含有丰富的蛋白质和脂肪，其氨基酸组成接近于人体需要</p>  
  26.             <p>口感：辣感十足，肉味鲜美，饶有嚼头，美味无处不在。</p>  
  27.         </div>  
  28.     </div>  
  29.     <div class="silder_intro">  
  30.         <h3>味道江显武（私房菜）3</h3>  
  31.         <div>  
  32.             <p>黑椒鸡排牛肉</p>  
  33.             <p>特点：牛肉含有丰富的蛋白质和脂肪，其氨基酸组成接近于人体需要</p>  
  34.             <p>口感：辣感十足，肉味鲜美，饶有嚼头，美味无处不在。</p>  
  35.         </div>  
  36.     </div>  
  37.     <div class="silder_intro">  
  38.         <h3>味道江显武（私房菜）4</h3>  
  39.         <div>  
  40.             <p>黑椒鸡排牛肉</p>  
  41.             <p>特点：牛肉含有丰富的蛋白质和脂肪，其氨基酸组成接近于人体需要</p>  
  42.             <p>口感：辣感十足，肉味鲜美，饶有嚼头，美味无处不在。</p>  
  43.         </div>  
  44.     </div>  
  45.     <div class="silder_intro">  
  46.         <h3>味道江显武（私房菜）5</h3>  
  47.         <div>  
  48.             <p>黑椒鸡排牛肉</p>  
  49.             <p>特点：牛肉含有丰富的蛋白质和脂肪，其氨基酸组成接近于人体需要</p>  
  50.             <p>口感：辣感十足，肉味鲜美，饶有嚼头，美味无处不在。</p>  
  51.         </div>  
  52.     </div>  
  53.       
  54.     <ul class="silder_nav dec">       
  55.         <li><a href=""><img src="images/s-01.jpg" width="112" height="48" /></a></li>      
  56.         <li><a href=""><img src="images/s-02.jpg" width="112" height="48" /></a></li>      
  57.         <li><a href=""><img src="images/s-03.jpg" width="112" height="48" /></a></li>      
  58.         <li><a href=""><img src="images/s-04.jpg" width="112" height="48" /></a></li>      
  59.         <li><a href=""><img src="images/s-05.jpg" width="112" height="48" /></a></li>            
  60.     </ul>  
  61. </div>  

 


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