jQuery动态效果
来源:互联网 发布:大数据技术论文 编辑:程序博客网 时间:2024/05/22 02:08
查看原文: http://www.91developer.com/article/1013
jQuery提供若干动态效果
隐藏和显示
$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的speed参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。可选的callback参数是隐藏或显示完成后所执行的函数名称。
淡入淡出
$(selector).fadeIn(speed,callback);用于淡入已隐藏的元素可选的speed参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的callback参数是fading完成后所执行的函数名称。$(selector).fadeOut(speed,callback);用于淡出可见元素$(selector).fadeToggle(speed,callback);在 fadeIn() 与 fadeOut() 方法之间进行切换$(selector).fadeTo(speed,opacity,callback);渐变为给定的不透明度(值介于 0 与 1 之间)opacity参数将淡入淡出效果设置为给定的不透明度(值介于0与1之间)
动画
$(selector).animate({params},speed,callback);必需的params参数定义形成动画的 CSS 属性。可选的speed参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的callback参数是动画完成后所执行的函数名称。注意:默认地,所有 HTML 元素都有一个静态位置,且无法移动。如需对位置进行操作,要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute!例子:$("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' });});
阅读全文
0 0
- jQuery的动态效果
- Jquery 使用手册-------动态效果
- jquery动态效果
- jQuery 导航动态效果
- jQuery动态打字效果
- jQuery动态效果
- jQuery的一点动态效果
- jquery 动态效果方法总结
- jquery实现动态menu效果
- jQuery动态效果学习笔记
- jQuery制作动态酷效果总结
- jquery+ajax实现倒计时动态显示效果。
- jQuery新闻列表动态显示效果
- jQuery 导航条动态美化效果
- jQuery动态提示消息框效果
- 基于jQuery的动态星星评分效果
- jQuery实现动态瀑布流布局效果
- jQuery实现动态购物车效果
- Thinking In Java 之 多线程 1
- 单例模式
- Hibernate监听用户操作日志
- 冒泡排序 bubble sort
- JAVA设计模式 单例模式
- jQuery动态效果
- Packets
- 结合FME利用倾斜三维模型数据成果生成DSM等数据产品
- centos postgresql
- Python 文件和目录管理(os)
- linux线程和进程
- Stream创建斐波那契数列
- 堆溢出问题
- js图片上传