首页>>Jquery文字>>鼠标悬停项目价格表内容TAB切换,移动端需要鼠标点击(2019-05-22)

鼠标悬停项目价格表内容TAB切换,移动端需要鼠标点击

鼠标悬停项目价格表内容TAB切换,移动端需要鼠标点击
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="frame">  
  2.   <div class="center">  
  3.                 <div class="pack basic">  
  4.                 <p class="title">Basic</p>  
  5.                 <p><span class="cost">$5</span> per month</p>  
  6.                 <div class="hr">  
  7.                 <hr><hr><hr><hr>      
  8.                 </div>  
  9.             </div>  
  10.             <div class="pack pro">  
  11.                 <p class="title">Pro</p>  
  12.                 <p><span class="cost">$10</span> per month</p>  
  13.                 <div class="hr"><hr><hr><hr><hr></div>  
  14.             </div>  
  15.             <div class="pack premium">  
  16.                 <p class="title">Premium</p>  
  17.                 <p><span class="cost">$20</span> per month</p>  
  18.                 <div class="hr"><hr><hr><hr><hr></div>  
  19.             </div>  
  20.         <div class="stats">  
  21.             <div class="users">  
  22.                 <div class="labels">  
  23.                     <span class="min">5 Users</span>  
  24.                     <span class="max">100 Users</span>    
  25.                 </div>  
  26.                 <div class="progress">  
  27.                     <div class="value"></div>  
  28.                 </div>  
  29.             </div>  
  30.             <div class="space">  
  31.                 <div class="labels">  
  32.                     <span class="min">20GB</span>  
  33.                     <span class="max">200GB</span>  
  34.                 </div>  
  35.                 <div class="progress">  
  36.                     <div class="value"></div>  
  37.                 </div>  
  38.   
  39.             </div>  
  40.             <div class="projects">  
  41.                 <div class="labels">  
  42.                     <span class="min">1 Project</span>  
  43.                 <span class="max">50 Projects</span>  
  44.                 </div>  
  45.                 <div class="progress">  
  46.                     <div class="value"></div>  
  47.                 </div>  
  48.             </div>  
  49.         </div>  
  50.   </div>  
  51. </div>  

 


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