文档章节

jq动画

盘盘的灰灰
 盘盘的灰灰
发布于 2016/03/30 10:23
字数 73
阅读 6
收藏 0

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" >
  <title></title>
  <style type="text/css">
    #animateMe{
     position: absolute;
     width: 100px;
     height: 400;
     top: 100px;
     left: 100px;
     border:2px solid black;
     background-color: red;
     padding: 20px;
    }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script>
   $("document").ready(function(){
      $("#animateMe").text("Changing shape...").animate(
      {
       width:"400px",
       height:"200px"
      },5000,function(){
       $(this).text("Fading away...").fadeOut(4000);
      }
     );
  });
   
  </script>
</head>
<body>
  <div id="animateMe"></div>
</body>
</html>

© 著作权归作者所有

上一篇: 无表格网页
下一篇: h5坦克大战
盘盘的灰灰
粉丝 0
博文 31
码字总数 24142
作品 0
深圳
私信 提问
jQuery学习笔记(二)

jQ变成过程 1,引入jQ的js文件 2,使用选择器定位要操作的节点 调用jQ的方法进行操作 jQ对象 为了解决浏览器兼容问题而解决的提供一种统一封装后的对象描述 jq提供的方法都是jQ特有的,而且大...

weixin_36171533
2017/12/03
0
0
超棒片状过渡效果的jQuery图片幻灯插件 - jq-tiles

在线演示 本地下载 今天介绍一款拥有不同片状动画过渡效果的jQuery插件-jq-tiles,使用它能够帮助你生成基于CSS3的片状动画效果。同时支持自定义选项: 效果选择 x,y坐标片状数量选择 速度 ...

gbin1
2012/11/13
258
2
JS三教九流系列-jquery实例开发到插件封装1

我们先写实例,然后在分装为插件,最后做更高级的处理! 封装插件基础学习 http://my.oschina.net/u/2352644/blog/487688 效果目录: 1.tab切换效果的实例和封装 2.带左右按钮图片滚动效果的...

透笔度
2015/08/11
353
0
echarts 动画

@Kener-林峰 你好,这个问题有点难,麻烦帮忙看看。如果我页面用来flexslider(带焦点图片滑动特效)这个效果,echarts的地图会加载不出来。是不是slider.js和echarts的动画有冲突?我尝试过...

rom1c丶
2014/07/23
4.9K
2
jQuery 创建动画 设置速度无效

代码片段: 动画运行没有问题 只是无法设置速度 使用的jq版本为1.9.0,更换为1.8.3尝试依旧 代码是参考w3school写的

oxsicn
2013/07/30
650
1

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
昨天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部