Jquery动画
来源:互联网 发布:武汉关键词优化 编辑:程序博客网 时间:2024/06/07 14:12
主要是包括:
1.显示和隐藏
2.淡入淡出,透明
3.动画
$(document).ready(function(){
$("#button1").click(function(){
$("p").show(); //显示p标签
});
$("#button2").click(function(){
$("p").hide(); //隐藏p标签
});
$("#button3").click(function(){
$("div").fadeOut("slow");//淡出组件
});
$("#button4").click(function(){
$("div").fadeIn("slow");//淡入组件
});
$("#button5").click(function(){
$("div").fadeToggle("slow");//淡入淡出开关
});
$("#button6").click(function(){
$("div").fadeTo("slow",0.1);//透明度
});
$("#button7").click(function(){
$("div").slideDown("slow");//向下滑动
});
$("#button8").click(function(){
$("#d1").slideUp("slow");//向上滑动
});
$("#button9").click(function(){
$("#d2").animate({
left:'500px', //左移动500px
opacity:0.5,//透明度0.5
height:'+=150px', //逐渐增加150px
width:'+=150px'
},'slow');
});
$("#button10").click(function(){
$("#d2").stop(); //暂停动画
});
});
- jQuery动画
- jquery动画
- jQuery动画
- jQuery动画
- jQuery动画
- jquery 动画
- JQuery动画
- jquery 动画
- jQuery动画
- jquery动画
- jquery动画
- jQuery-动画
- jquery动画
- jquery动画
- jQuery动画
- jQuery动画
- jQuery动画
- jquery 动画
- 头文件声明出现:could not build module UIKit
- 使用 Caddy 和 owncloud 搭建自己的私有云服务 (php7 MariaDB ubuntu)
- html 文本的样式
- 【Android】四大组件之一:BroadcastReceiver
- 找不到lua_open lua_openlib
- Jquery动画
- Java设计模式之 —— 适配器(Adapter)
- 无原理不技术——浅谈帧中继原理
- 自定义activity之间切换的动画
- Copy List with Random Pointer解题报告
- CURL命令行使用
- 搞笑思路
- spring @Value 注入配置文件内容
- String和StringBuffer源码区别