JQuery 向下展开收起动画( slideDown(),slideUp() )
来源:互联网 发布:数据农场采集器 编辑:程序博客网 时间:2024/05/17 23:15
$('#div1').slideDown(1000); //向下展开,下拉。1000毫秒,表示动画展开过程时间。
$('#div1').slideUp(1000); //向上收起
$('#div1').slideToggle(1000); //合成展开收起
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>下拉收起动画</title><style>#div1 {width:100px; height:100px;background-color:black;}</style> <script src="scripts/jquery-1.7.1.min.js"></script> <script> $(function() {//下拉按钮 $('#btnSlideDown').click(function(){//$('#div1').slideDown();$('#div1').slideDown(1000); //1000毫秒,表示动画下拉过程时间。});//收起按钮$('#btnSlideUp').click(function(){//$('#div1').slideUp();$('#div1').slideUp(1000);});//合成按钮$('#btnTotal').click(function(){//$('#div1').slideToggle();$('#div1').slideToggle(1000);}); }); </script></head><body> <input type="button" id="btnSlideDown" value="下拉"/> <input type="button" id="btnSlideUp" value="收起"/><input type="button" id="btnTotal" value="合成"/><div id="div1"></div></body></html>
阅读全文
0 0
- JQuery 向下展开收起动画( slideDown(),slideUp() )
- jQuery动画效果-slideUp slideDown上下滑动
- JQuery slidedown slideup方法
- 4.2.3: jQuery动画之slideUp()方法和slideDown()方法
- jQuery-动画效果animate() slideDown() slideUp() fadeIn() fadeOut()
- 遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
- .Net Jquery(slideDown,slideUp)用法
- 【jQuery】slideUp()和slideDown()函数
- 动画效果-slideUp slideDown上下滑动
- jQuery中的slideUp()、slideDown()、hide()、show()
- jQuery 效果 - 滑动slideDown()、slideUp()、slideToggle()
- jQuery中的slideUp()、slideDown()、hide()、show()
- jQuery学习21---简单动画效果,show,hide,slideUp,slideDown,fadeOut,fadeIn
- jQuery 动画特效show() hide() slideUp() slideDown() fadeIn() fadeOut() animate() stop() delay()
- 转:遇到jQuery 中的 slideUp ,slideToggle和 slideDown 动画重复执行
- jquery 菜单展开收起
- jquery图片展开收起
- jquery javascript 展开收起
- Java项目
- Vue.js钩子函数的使用技巧和生命周期详解,刚写完一个项目。
- 安卓3DES加解密(kotlin)
- 一些常用到的js功能代码块
- 在pipeline中写json文件
- JQuery 向下展开收起动画( slideDown(),slideUp() )
- php文件打开错误警告
- 人脸识别算法调研
- BASIC-21VIP试题 Sine之舞
- 利用System.Action做回调
- vue2.0子组件向父组件传递数据(饿了么例子)vue2.0废弃$dispatch,替换成$emit 和$refs
- MP4文件网络播放时 边缓冲边播放
- MVP自定义拦截器 OK封装
- 如何处理流写入文件后面多加出一个null