jQuery的slideToggle方法实例


Posted in Javascript onMay 07, 2013
  <title></title>
    <style type="text/css">
    .imgclass{ width:300px; height:300px; border:solid 1px red;}
    </style>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#Button1').bind('click', function () {
                $('img').slideUp(2000);
            })
            $('#Button2').bind('click', function () {
                $('img').slideDown(2000);
            })
            $('#Button3').bind('click', function () {
                $('img').slideToggle(2000);
            })
        })
    </script>
</head>
<body>
<div>
<div>
    <input id="Button1" type="button" value="上拉" /><input id="Button2" type="button" value="下拉" /><input id="Button3" type="button" value="自动上拉下拉" /></div>
    <div><img src="images/1.jpg" class="imgclass"/></div>
</div>
</body>
Javascript 相关文章推荐
js onpropertychange输入框 事件获取属性
Mar 26 Javascript
利用javascript/jquery对上传文件格式过滤的方法
Jul 25 Javascript
js事件处理程序跨浏览器解决方案
Mar 27 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
jQuery插件简单学习实例教程
Jul 01 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
Jan 06 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
Jul 08 jQuery
vue项目中v-model父子组件通信的实现详解
Dec 10 Javascript
深入理解Vue父子组件生命周期执行顺序及钩子函数
Aug 12 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 Javascript
Vue组件基础用法详解
Feb 05 Javascript
jQuery实现简单评论功能
Aug 19 jQuery
jQuery实现动画效果的实例代码
May 07 #Javascript
nullJavascript中创建对象的五种方法实例
May 07 #Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
May 07 #Javascript
javascript中的startWith和endWith的几种实现方法
May 07 #Javascript
js 获取和设置css3 属性值的实现方法
May 06 #Javascript
IE8对JS通过属性和数组遍历解析不一样的地方探讨
May 06 #Javascript
javascript中encodeURI和decodeURI方法使用介绍
May 06 #Javascript
You might like
解析ajax事件的调用顺序
2013/06/17 PHP
Yii CGridView用法实例详解
2016/07/12 PHP
laravel实现批量更新多条记录的方法示例
2017/10/22 PHP
RSA实现JS前端加密与PHP后端解密功能示例
2019/08/05 PHP
CL vs ForZe BO5 第一场 2.13
2021/03/10 DOTA
JavaScript confirm选择判断
2008/10/18 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
JavaScript中的数据类型转换方法小结
2015/10/26 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
Bootstrop实现多级下拉菜单功能
2016/11/24 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
python友情链接检查方法
2015/07/08 Python
Python实现读取txt文件并画三维图简单代码示例
2017/12/09 Python
python如何重载模块实例解析
2018/01/25 Python
Linux下Python安装完成后使用pip命令的详细教程
2018/11/22 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
python 数据生成excel导出(xlwt,wlsxwrite)代码实例
2019/08/23 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
Opencv求取连通区域重心实例
2020/06/04 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
为什么会有内存对齐
2016/10/10 面试题
教育学专业毕业生的自我评价
2013/11/21 职场文书
销售副总经理岗位职责
2013/12/11 职场文书
奶茶店创业计划书范文
2014/01/17 职场文书
《鱼游到了纸上》教学反思
2014/02/20 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
召开会议通知范文
2015/04/15 职场文书
爱国主义教育基地观后感
2015/06/18 职场文书
2015年国庆节新闻稿
2015/07/18 职场文书
学生会干部任命书
2015/09/21 职场文书
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
Go语言特点及基本数据类型使用详解
2022/03/21 Golang