摘要:html>

JqueryJquery

*{padding: 0px;margin: 0px;}

div{width: 300px;height: 200px;background: #ccc;text-align: center;line-height: 50px;}

.dj{width: 300px;height: 30px;background: #e6db74;border: none;padding-top: 0px;color: white;font-weight: bold;display: block;}

.an{width: 147px;height: 30px;border: solid 2px black;margin: 30px 0px;}

$(function(){

$("div").hide();

$(".dj").click(function(){

$("div").slideToggle(2000);

})

$("#tz").click(function(){

$("div").stop();

})

$("#wc").click(function(){

$("div").stop(true,true);

})

})

停止动画

完成动画

点击

春晓

春眠不觉晓,处处闻啼鸟。

夜来风雨声,花落知多少。

1,隐藏div$("div").hide();

2,点击class属性值为dj的元素,向下2000的速度滑动显示,或者向上隐藏$(".dj").click(function(){

$("div").slideToggle(2000);

})

3,点击id为tz的按钮,停止当前div的活动$("#tz").click(function(){

$("div").stop();

})

4,点击id为wc的按钮,快速完成当前div的活动$("#wc").click(function(){

$("div").stop(true,true);

})

批改老师:天蓬老师批改时间:2018-11-28 23:53:57

老师总结:jQuery中封装了大量有趣的动画效果, 运用了js中的运行对象, 很多有趣的东西都可以用这个完成

php诗词,古诗词停止或快速完成相关推荐

  1. 显卡服务器已停止响应,快速解决W7系统提示显卡驱动程序已停止响应并且已恢复的故障...

    很多w7用户都遭遇过屏幕突然黑一下,小一会儿又恢复的故障,这时候托盘还会气泡提示用户:"显示器驱动程序已停止响应,并且已恢复".据笔者验证,Windows Vista以后的电脑系统 ...

  2. vue项目打包到腾讯云服务器全过程

    本文将记录vue项目打包放到服务器的整个过程,本文中的例子是express+vue,希望能给遇到这方面问题的同学一个解决办法. 登录服务器 假定已经拥有一个服务器账号,然后下载一个xftp5用来作文件 ...

  3. 【联盛德W806上手笔记】七、I2C

    目录 WM_SDK_W806_v0.6.0的库函数 函数 参数 宏 应用示例 初始化 使用 测试 I2C 控制器 功能概述 主要特性 功能描述 传输速率选择 中断及启动停止可控 快速输出及检测信号 寄 ...

  4. PID控制器开发笔记之二:积分分离PID控制器的实现

    前面的文章中,我们已经讲述了PID控制器的实现,包括位置型PID控制器和增量型PID控制器.但这个实现只是最基本的实现,并没有考虑任何的干扰情况.在本节及后续的一些章节,我们就来讨论一下经典PID控制 ...

  5. SIEMENS SMART知识网站

    1.SMART S7-200官方导航网站SIMATIC S7-200 SMART | SIMATIC 控制器 | Siemens CNhttps://new.siemens.com/cn/zh/pro ...

  6. python入门基础笔记

    新想法:送矿泉水---送货applinux操作系统bin sbin 可执行程序home 目录temp 临时生成的目录根目录:/ 用户目录:用户工作目录或家目录/home/user相对路径:上一层路径( ...

  7. DDOS防御的发展和演变

    DDOS攻击是目前最强大.最难防御的网络攻击之一,主要通过大量合法的请求占用大量网络资源,从而使正常的用户无法访问.二十年来,DDoS一直是网络犯罪分子进行攻击的一个重要的工具,现在发展得也越来越强大 ...

  8. 使用 JavaScript 的代价!(2018 版)

    (点击上方公众号,可快速关注) 英文:Addy Osmani  译文:开源中国 www.oschina.net/translate/the-cost-of-javascript-in-2018 建立交 ...

  9. HCIA-Cloud Service 第一章 云服务基础

    云计算基础 一.云计算的概念 1. 云计算的定义 美国国家标准与技术研究院定义:云计算是一种模型,它可以实现随时随地的.便捷的.随需应变的从可配置计算资源共享池中获取所需的资源(如网络.服务器.存储. ...

最新文章

  1. 了解Javascript中的执行上下文和执行堆栈
  2. java xwork_xwork-core-2.3.4源码 - 源码下载|通讯/手机编程|J2ME|源代码 - 源码中国
  3. IDEA配置java《算法》第四版环境(耗时6小时,总算配置成功了,希望能给大家一点帮助)
  4. 第十届 蓝桥杯样题 —— 信用卡号验证
  5. ES6中object对象属性
  6. 【计算机视觉】期刊整理
  7. Java中注解学习系列教程-1
  8. 赚钱只要找到方法,就如吸空气
  9. 怪物之心无法触发_《勇者斗恶龙 怪兽篇:旅团之心》怪物生方法及生规则研究 - 电玩巴士...
  10. mongodb 基础 命令 学习
  11. android信鸽推送demo_信鸽推送_Kevin Notes - SegmentFault 思否
  12. ImageIO 先read再write 文件变小了
  13. 2007五一[西北行] - 第二天:延安(窑洞,杨家岭,宝塔山...)
  14. 虚拟机安装麒麟操作系统网络设置
  15. 世界上最简单的会计书—读书笔记
  16. logger日志系统
  17. h5--新增标签详细的学习
  18. AS问题解决 Not recognizing known sRGB profile
  19. Python爬虫爬取东方财富网的股票信息
  20. JAVA代码怎样变成软件_怎么使JAVA程序变成可执行程序

热门文章

  1. table 切换效果
  2. 土匪有黑话,互联网一样有你看不懂的黑话
  3. 怎样修复计算机系统声音,电脑没声音是怎么回事?小编教你怎么修复
  4. 实验6 多表连接查询
  5. C for ios --- 运算符
  6. 正常使用计算机可以用多少年,网吧电脑的正常使用寿命是多长时间
  7. Rancher 2.1平台搭建及使用
  8. JSP与JavaMail(1)---JavaMail和JAF的介绍
  9. Unity3D插件评测(待续)
  10. 计算机财务管理递延年金,递延年金,你真的搞懂了吗?