文档章节

html元素摇摆

JesusSlim
 JesusSlim
发布于 2015/05/15 22:28
字数 87
阅读 3
收藏 0
<script type="text/javascript" src="jquery-1.9.0.min.js"></script>
<script type="text/javascript">
jQuery.fn.shake = function(intShakes /*Amount of shakes*/, intDistance /*Shake distance*/, intDuration /*Time duration*/) {
    this.each(function() {
        var jqNode = $(this);
        jqNode.css({position: 'relative'});
        for (var x=1; x<=intShakes; x++) {
            jqNode.animate({ left: (intDistance * -1) },(((intDuration / intShakes) / 4))).animate({ left: intDistance },((intDuration/intShakes)/2)).animate({ left: 0 },(((intDuration/intShakes)/4)));
        }
    });
    return this;
}
$(function() {
  $('#div1').click(function() {
    $(this).shake(5,10,400);
  });
});


</script>
<body>
<div id="div1" style="width:20px;height:20px;background:red;"></div>
</body>

© 著作权归作者所有

JesusSlim
粉丝 0
博文 74
码字总数 10136
作品 0
杭州
程序员
私信 提问
手把手教你JavaScript编程(2):JavaScript的强大功能

在上次的教程里,我介绍了如何用JavaScript写一个简单的网页。在这次教程里,我介绍3个JavaScript的例子,更全面的展现JavaScript在网页编辑里的潜力。 先给大家安利一下~ JavaScript是世界上...

君君玩科技
2017/09/03
0
0
送给CSS初学者的悬停过渡动画三部曲

CSS不一定要写得多么复杂才能实现特殊效果。如下就是三个超级简单的过渡的例子,可能只是几行代码,但是添加到Web应用程序中,却会让它增色不少。 如下是我们将在本教程中构建的代码 项目设置...

果冻tfzwgd
04/28
0
0
Android 传感器坐标&摇一摇功能

传感器分类 总体来说,传感器分为运动传感器和位置传感器两种。(此处忽略了一些温度、光照等环境传感器)。   运动传感器用来监测设备的运动,比如倾斜、震动和摇摆。运动传感器包括:加速...

IamOkay
2015/04/09
0
0
开发微信小程序的必备技能图谱

今天被微信小程序彻底刷屏了,哎呀,JS开发者坐等涨工资吧。 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用...

Yomut
2016/09/23
123
0
2018 年 2 月 15 个有意思的 JavaScript 和 CSS 库

我们在Tutorialzine上的任务就是让你了解最新最酷的Web发展趋势。这就是为什么我们每个月都会发布一些我们偶然发现并认为值得你关注的最佳资源的缘由。 Direction Reveal (方向展示) 该插件...

oschina
2018/02/24
2.6K
4

没有更多内容

加载失败,请刷新页面

加载更多

好程序员分享placeholder属性详解

  好程序员分享placeholder属性详解,HTML5里新引入很多有趣的新特征;有些体现在HTML里,有些是JavaScript API,全部非常的有用。其中我最喜欢的一个特征就是文本框(INPUT)里的placehold...

好程序员IT
21分钟前
0
0
[学]ngin反向代理搭建与配置

Nginx安装地址:https://www.cnblogs.com/wyd168/p/6636529.html (linux) 必须安装的4个包: nginx-1.1.10.tar.gz openssl-1.0.1t.tar.gz pcre-8.39.tar.gz zlib-1.2.11.tar.gz ng配置主要......

覃光林
24分钟前
0
0
互联网商城的上云改造之旅

在中国,经过十年的发展,云计算产业已走过概念普及的1.0时期,进入“上云”和落地的2. 0阶段,企业上云意识不断增强,越来越多的企业选择部署多云和混合IT。 如今,云计算生态一片繁荣,看似...

zhaowei121
25分钟前
0
0
fastJson 一些小例子

package com.*;import com.alibaba.fastjson.annotation.JSONField;public class VO { @JSONField(name="ID") private int id; public int getId() { ......

qimh
39分钟前
0
0
十年后,程序员的工资还能达到现在的水平吗?

一方面,程序员的门槛正在逐渐消失,因为计算机相关专业毕业生一年比一年多; IT 培训班出来的学生一年比一年多;网络上各种编程课程,也正在帮助无数人零基础转型软件开发…… 另一方面,程...

爱编程的浪子
47分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部