浅谈jQuery效果函数

jQuery有很多的效果可以实现，比如说淡入淡出的效果：

 
    
      #box{width:200px;height:200px;background:red;opacity:1;}
    
  
  
    
    
    


    


    


    


    


    


    


    


  
  
  

jQuery也可以来实现一个滚动字幕的效果，比如说下边这个例子：

    
      #box{width:300px;height:50px;border:2px dashed violet;overflow:hidden;line-height:50px;margin:0 auto;color:red;font-size:30px;}
      
    
  
  
    
  
  
  

jQuery可以用来实现一个删除功能的实现,比如：

    
      #box{
 width:400px;
 height:200px;
 border:1px solid black;
 }
    
  
  
    
 
第一a
 
第二
 
第三a
 
第四
    
    删除
    清空
  
  
  

jQuery还会做出一选课功能的实现,比如:

li{
  list-style:none;
}
#you{
  position:absolute;
  left:300px;
  top:10px;
}
ul{
  position:absolute;
  left:150px;
  top:10px;
}






  职业英语
  高等数学
  大学语文
  大学物理
  计算机基础
  基本网页设计
  c语言程序设计
  数据结构
  UI设计
  产品脚本设计
  产品脚本提高
  产品脚本实战


选择
退选
全选
全退
置顶
置底
上移
下移

jQuery还能够实现下滑框功能:

 
 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}


 

 

W3School - 领先的 Web 技术教程站点
在 W3School，你可以找到你所需要的所有网站建设教程。

 
请点击这里
 


jQuery能够实现简单的动画效果：



 

 

开始动画
默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。




jQuery能实现一个动画的开始与停止的功能:
  
    
      #box{width:100px;height:100px;background:violet;position:absolute;border-radius:50%;top:50px;}
    
  
  
    
    开始
    停止
  
  
  

jQuery还能做一些向上轮播图片广告的功能:

    
      #box{width:600px;height:300px;overflow:hidden;border:1px solid #000;margin:0 auto;}
      ul{list-style:none;}
      img{width:600px;height:300px;}
      *{padding:0;margin:0;}
    
  
  
    
    
      

 

 

 

 

 

      
    
  
  
  

jQuery还能实现两个下拉展开于闭合的效果于一体的:

jQuery 乐趣十足！
点击这里

以上就是我分享给大家的，谢谢。

关于这篇jQuery效果函数就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。