jQuery日记(2)--jQuery效果
来源:互联网 发布:ue4 unity3d 编辑:程序博客网 时间:2024/06/06 05:49
- 显示/隐藏
$("#btn1").click(function(){
$("p").hide(speed, callback) ; // .show(1800, fresh())
})
$("p").toggle(speed, callback); - 淡入/淡出
$(".class").mouseover( function(){ //淡入
$("p").fadeIn( slow, callback);
});
$(".class").dbclick( function(){
$("p").fadetoggle( slow, callback); //切换淡入淡出
})
$(".class").hide( function(){
$("p").fadeto(slow, 0.5, callback) //控制透明度 0-1之间,最好选用这个!
}) - 下滑/上滑
div.panle{
display: none;
height: 150px;
}
$("#btn"). click(function(){
$(".panle"). slidedown( slow, callback) // .slideup() .slidetoggle()
}) - 动画(如需对位置进行改变,则应该将position属性改为relative, fixed, absolute)
div.animation{
position: relative;
}
$document. ready(function(){
$("button"). click(function(){
$("div.animation"). animate({
left:'+=200px'; //相对于当前位置左移 200px
opacity:' 0.5 '; //透明度为50%
height: ' toggle' ; // 预定义的toggle 每点击一次上滑/下滑
})
})
})
0 0
- jQuery日记(2)--jQuery效果
- jquery-日记
- jquery效果2
- jQuery第四节---jQuery效果2
- 【jQuery 教程】jQuery 效果
- **JQUERY** jQuery效果
- 【jQuery】jQuery 效果
- 【jQuery】jQuery 效果
- 【jQuery】jQuery 效果- 动画
- jQuery 效果
- JQuery效果
- jQuery 效果
- jQuery 效果
- jquery效果
- Jquery效果
- jquery效果
- jQuery效果
- jquery效果
- 总结
- Vijos——P1000 A+B Problem
- FFmpeg+SDL视频播放器(脱离开发环境)学习笔记
- 【20.51%】【codeforces 610D】Vika and Segments
- docker with sshfs mounted directory
- jQuery日记(2)--jQuery效果
- Linux之软连接和硬链接
- jQuery日记(3)--jQueryHTML
- fun(int *a, int n, int *odd, int *even)
- jenkins的安装与使用(基于 centos 7)
- swift init()函数总结
- jQuery日记(4)--jQuery遍历
- Python自学之路---第一天变量类型
- 嵌入式在生活中的应用