首页>>Jquery图片>>鼠标经过显示图片隐藏的部分文字 默认可以不显示任何文字或者显示部分文字(2014-07-09)

鼠标经过显示图片隐藏的部分文字 默认可以不显示任何文字或者显示部分文字

鼠标经过显示图片隐藏的部分文字 默认可以不显示任何文字或者显示部分文字
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="demo">  
  2.                 <div id="capslide_img_cont1" class="ic_container">  
  3.                     <img src="images/example1.jpg" width="180" height="240" alt=""/>  
  4.                     <div class="overlay" style="display:none;"></div>  
  5.                     <div class="ic_caption">  
  6.                         <p class="ic_category">Category</p>  
  7.                         <h3>Amazing Image Title</h3>  
  8.                         <p class="ic_text">  
  9.                            Lorem ipsum dolor sit amet, consectetur adipisicing elit,  
  10.                             sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
  11.                         </p>  
  12.                     </div>  
  13.                 </div>  
  14.             </div>  

 

JavaScript Code
  1. $("#capslide_img_cont1").capslide({  
  2.                     caption_color   : 'white',  
  3.                     caption_bgcolor : 'black',  
  4.                     overlay_bgcolor : 'black',  
  5.                     border          : '',  
  6.                     showcaption     : false  
  7.                 });  

 


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