jQuery学习笔记之jQuery动画效果_jquery

基本动画代码：

复制代码 代码如下:

显示提示文字
显示段落
toggle函数测试

弹出层

这个是一个段落

这个是第二个段落

============================================================

滑动动画和透明动画效果代码：

复制代码 代码如下:

;
<脚本类型=“text/javascript” src=“jquery-1.3.2.min.js”>

//滑动动画效果
$("#btnShow").click(function(){
$("#divPop").slideDown("fast");
});

$("#btnHide").click(function(){
$("#divPop").slideUp("slow");
});

$("#btnT").click(function(){
$("#divPop").slideToggle("slow");
});

//截图动画效果

$("#bShow").click(function(){
$("#divPop").fadeIn(2000);
});

$("#bHide").click(function(){
$("#divPop").fadeOut("slow");
});

//指定到透明度
$("#bHelf").click(function(){
$("#divPop").fadeTo("slow",0.3);
}) ;

 

});
脚本>

gt;
<按钮 ID ="btnShow">显示提示文字
提示隐藏文字
切换函数测试< /button>


淡入
淡出
半透明

弹出层

这是一个段落

这是第二个段落< /p>