JQuery(学习笔记六)JQuery常用实例

几个简单例子的实现

(一)表格隔行变色




 
  表格隔行变色
 



 
 
   
   
   
   
 
 
 
 
   
   
   
   
 
 
   
   
   
   
 
 
   
   
   
   
 
 
   
   
   
   
 
 
   
   
   
   
 
 
   
   
   
   
 
 
姓名工资入职时间操作
Tom$35002018-10-25删除
Mary$34002018-12-1删除
King$59002019-08-17删除
Scott$38002018-11-17删除
Smith$31002019-01-27删除
Allen$37002019-12-05删除




效果:

JQuery(学习笔记六)JQuery常用实例_第1张图片

(2)多Tab点击切换




 
  多Tab点击切换
 
 


多Tab点击切换



     
  • 10元套餐

  •  
  • 30元套餐

  •  
  • 50元包月



 

    10元套餐详情:
 每月套餐内拨打100分钟,超出部分2毛/分钟
 

 
 



效果:

JQuery(学习笔记六)JQuery常用实例_第2张图片

三、导航动态显示效果




 
  导航动态显示效果
 
 





效果:

四、爱好选择器




 
  全选



  你爱好的运动是?全选/全不选
 

  足球
  篮球
  羽毛球
  乒乓球
 

 
 
 
 




效果:

JQuery(学习笔记六)JQuery常用实例_第3张图片

五、添加删除记录




 
  添加删除记录
 



 
   
   
   
   
 
 
   
   
   
   
 
 
   
   
   
   
 
 
   
   
   
   
 
NameEmailSalary 
Tom[email protected]5000Delete
Jerry[email protected]8000Delete
Bob[email protected]10000Delete


 

添加新员工


 
   
     
     
   
   
     
     
   
   
     
     
   
   
     
   
 
name:
       
     
email:
       
     
salary:
       
     

       
     





JQuery(学习笔记六)JQuery常用实例_第4张图片

六、焦点轮播图




 
  焦点轮播图
 



 

    5
    1
    2
    3
    4
    5
    1
 

 

   
   
   
   
   
 

 
 




效果:

JQuery(学习笔记六)JQuery常用实例_第5张图片

你可能感兴趣的:(JQuery)