jQuery系列之动画(三)
来源:互联网 发布:冯提莫用什么软件唱歌 编辑:程序博客网 时间:2024/05/16 11:20
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>演示动画</title> <style type="text/css"> * { font-size: 30px; } </style> <script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript"> $(document).ready(function () { //渐入渐出 $("span").click(function () { $(this).fadeOut(); }); $(".toFadeBtn").click(function () { //如果显示,则隐藏 //如果隐藏,则显示 $("span").toggle(); }); $(".toSlideUpBtn").click(function () { $("span").slideUp(); }); $(".toSlideDownBtn").click(function () { $("span").slideDown(); }); //透明度的变化 $(".alpha").click(function () { $("span").fadeTo(5000,"0.1", function () { alert("哈哈哈"); }) }).fadeTo(6000,"0") }); </script></head><body><span>1</span><br/><span>2</span><br/><span>?</span><br/><span>6</span><br/><span>18</span><br/><button class="toFadeBtn">显示一些</button><button class="toSlideUpBtn">从上面滑走了</button><button class="toSlideDownBtn">从下面滑出来</button><button class="alpha">透明度</button></body></html>
阅读全文
0 0
- jQuery系列之动画(三)
- jQuery - 小鸟系列之事件和动画
- jQuery系列之自定义动画(四)
- 安卓动画系列之三, 帧动画FrameAnimation
- 动画系列之属性动画
- Android实用视图动画及工具系列之三:表情加载动画和失败加载动画,人物加载动画
- jquery系列教程三
- 【我的应用系列】(三)动画的使用之Tween动画
- Android属性动画Property Animation系列三之LayoutTransition(布局容器动画)
- Android属性动画PropertyAnimation系列三之LayoutTransition(布局容器动画)
- Android属性动画PropertyAnimation系列三之LayoutTransition(布局容器动画)
- Android属性动画Property Animation系列三之LayoutTransition(布局容器动画)
- Android属性动画Property Animation系列三之LayoutTransition(布局容器动画)
- Android动画系列(三)
- jquery系列之三 append 和 appendTo 的区别
- jquery效果-动画(三)
- javascript之jquery 动画
- javascript之jquery 动画
- Qt5集成到VS2015
- 《Python核心编程》学习笔记
- Java 代码性能优化总结
- 天朝墙google facebook instagram的一些感慨
- 一个boot.oat crash问题的分析
- jQuery系列之动画(三)
- Java
- UVALive6050 Primes【素数筛选+前缀和】
- 有道词典
- git pull 和本地文件冲突问题解决
- 使用 #pragma message 输出自定义警告信息
- 算法部分预备知识
- 阿里震撼业界—推出首个非侵入式热修复方案Sophix,颠覆移动端传统发版更新流程!
- yii2常用ActiveForm表单