首页
站长论坛BBS
救助
投稿
discuz视频教程
discuz技术支持
版块
登录
快速注册

jQuery 效果 – 出现/消失 淡入淡出效果

移动鬼影 2015-4-28 [jQuery] 来自PC 复制链接
22846
discuz使用视频教程
31idc

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
fadeIn()/ fadeOut()/fadeToggle()   (淡入淡出效果)

语法:
  1. $(selector).fadeTo(speed,callback);//speed可取值:"slow"、"fast" 或毫秒。
复制代码
  1. $(selector).fadeTo(speed,opacity,callback);//fadeToggle()有透明度属性(值介于 0 与 1 之间)
复制代码

案例

  1. $(document).ready(function(){
  2.   $("button").click(function(){
  3.     $("#div1").fadeIn();
  4.     $("#div2").fadeIn("slow");
  5.     $("#div3").fadeIn(3000);
  6.   });
  7. });
复制代码

fadeIn( ),fadeOut( )会让div块容积消失;

  1. $(document).ready(function)(){
  2.   $("button").click(function(){
  3.     $("#div1").fadeTo("slow",0.15);
  4.     $("#div2").fadeTo("slow",0.4);
  5.   });
  6. });
复制代码

fadeToggl()置透明度值后,块的容积依然存在,只是透明度改变。

hide()/show()

语法:
  1. $(selector).toggle(speed,callback);
复制代码

案例

  1. $(document).ready(function(){
  2.   $("p").click(function(){
  3.     $("#hide").hide();
  4.     $("#show").show("fast");
  5.     $("#toggle").toggle(600)
  6.   });
  7. });
复制代码

如果设置了速度是毫秒值,被事件激发的块:
块(有宽、高值且不是100%,没有定位)——默认从左上角开始出现/从右下角开始隐藏;
块(有宽、高值且不是100%,有定位)——定位的坐标点开始出现/从反向位置隐藏;
块(有高值,宽是100%)——默认从上开始出现/从下开始隐藏;

slideDown()/slideUp()/slideToggle() (滑动效果)

用法同上,但是只有上下的方向。



上一篇:win2008 中iis7设置404页面但返回状态200的问题解决办法
下一篇:HTML5中使用js控制audio标签的方法
相信爱 发表于 2015-5-2 16:08:11 来自PC
强烈支持,站帮网有你更精彩
362938688 发表于 2015-5-20 14:44:07 来自PC
div块容积消失网站会影响的
www.yandaoqingxi.cn|www.jjpd888.com|www.jjjnews.top|www.bjxdc2001.com|www.gchb001.com|www.seoh.cn网站推广
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表