<!DOCTYPE HTML>

<html>

 <head>

  <title>demo.html</title>

  <meta http-equiv="content-type" content="text/html; charset=UTF-8">

  <link rel="stylesheet" href="css/style.css" />

  <link rel="stylesheet" href="css/prettify.css" />

  <script src="js/jquery-1.7.2.min.js"></script>

  <script src="js/jquery.jrumble.1.3.min.js"></script>

  <script src="js/prettify.js"></script>

  <script type="text/javascript">

   $(function(){

    /*========================================================*/

    /* Ranges

    /*========================================================*/

    $('#demo1').jrumble({

     x: 2,

     y: 2,

     rotation: 1

    });

    

    $('#demo2').jrumble({

     x: 10,

     y: 10,

     rotation: 4

    });

    

    $('#demo3').jrumble({

     x: 4,

     y: 0,

     rotation: 0

    });

    

    $('#demo4').jrumble({

     x: 0,

     y: 0,

     rotation: 5

    });

    

    $('#demo1, #demo2, #demo3, #demo4').hover(function(){

     $(this).trigger('startRumble');

    }, function(){

     $(this).trigger('stopRumble');

    });

   });

  </script>

 </head>

<body onLoad="prettyPrint()">

 <div id="content">

  <div class="demo-box">

   <h4>x: 2<br/>y: 2<br/>rotation: 1</h4>

   <div id="demo1">1</div>

  </div>

  <div class="demo-box">

   <h4>x: 10<br/>y: 10<br/>rotation: 4</h4>

   <div id="demo2">2</div>

  </div>

  

  <div class="demo-box">

   <h4>x: 4<br/>y: 0<br/>rotation: 0</h4>

   <div id="demo3">3</div>

  </div>

  

  <div class="demo-box last">

   <h4>x: 0<br/>y: 0<br/>rotation: 5</h4>

   <div id="demo4">4</div>

  </div>

 </div>

 </body>

</html>

Jquery控件jrumble的更多相关文章

  1. 【番外篇】ASP.NET MVC快速入门之免费jQuery控件库（MVC5+EF6）

    目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策 ...

  2. jQuery控件有所感悟

    两种写法对比: 第一种: ;(function($){ $.fn.myplugin = function(op,params){ if (typeof op == 'string'){ return ...

  3. jquery控件的学习

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. Tag It 一款 Jquery控件，当你在文本框中输入逗号时，自动帮你分隔开相关内容

    Demo地址:http://webspirited.com/tagit/ 使用方法: 除了JQuery脚本外,下面的脚本也是必须的,这些脚本你都可以去GitHub下载:https://github.c ...

  5. jQuery控件之分页控件-- kkpager v1.3使用简介

    js分页展示控件,传入简单参数就能使用的分页效果控件 在线测试链接: http://pgkk.github.io/kkpager/example/pager_test.html http://pgkk ...

  6. [JS] jquery控件基本要点备份

    (1)CDN Google CDN:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min. ...

  7. Jquery 控件

    1. Jeditable 2. Select2 3. superfish 4. Jquery file upload https://blueimp.github.io/jQuery-File-Upl ...

  8. fineuploader 上传jquery 控件

    fineuploader 昨天用的一个jquery插件. 可参考这篇文章以前写的 file-uploader  跟 这个跟里面介绍的2个jquery 插件相比.觉得更强大写..版本号都3.9 了….. ...

  9. jquery控件-实现自定义样式的弹出窗口和确认框（转）

    (function () { $.MsgBox = { Alert: function (title, msg) { GenerateHtml("alert", title, ms ...

随机推荐

  1. ios 人魔七七

    http://www.cnblogs.com/qiqibo/category/533488.html

  2. vue解决跨域问题

    vue解决跨域问题 vue跨域解决方法和小总结 vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow ...

  3. Ubuntu 15.10 安装推荐链接

    整理一些Ubuntu 15.10系统安装使用的链接. Ubuntu官网下载:http://www.ubuntu.com/download/desktop,目前最新的版本是Ubuntu 15.10. 网 ...

  4. ios中NSUserDefaults的使用方法

    ios中NSUserDefaults的使用方法 NSUserDefaults类提供了一个与默认系统进行交互的编程接口.NSUserDefaults对象是用来保存.恢复应用程序相关的偏好设置,配置数据等 ...

  5. layui（弹出层）

    首先引入文件 layui.css jquery.min.js layui.js 弹出层 data-method 后面的属性控制是什么弹窗,在js中写方法 <div class="sit ...

  6. SpringMVC(二) 参数绑定 与 JSON

    参数绑定 http请求传输的参数都是String类型,但是Hanlder业务方法中的参数都是我们指定的数据类型,如int,Object等,所以需要处理参数的类型转换.此项工作不需要我们开发人员去完成, ...

  7. 虚拟机CentOS6.8下安装mycat

    安装mycat前,首先安装jdk1.7及以上版本 安装可参照 https://www.cnblogs.com/llhhll/p/9260913.html 下载mycat 1.6版本 wget   ht ...

  8. PostgreSQL 事务管理的MVCC

    PostgreSQL的并发控制机制同时实现了多版本控制MVCC协议和两阶段封锁协议.实际采用哪种协议取决于所执行的语句类型. DML语句的并发控制将使用MVCC协议: DDL语句的并发控制基于标准的两 ...

  9. pthread 的 api 分类

    pthreads defines a set of C programming language types, functions and constants. It is implemented w ...

  10. SpringBoot学习笔记(3)----SpringBoot的profile多环境配置

    在实际的应用开发中,可能会需要不同配置文件来支撑程序的运行,如开发,测试,预生产,生产环境等,程序在不同的环境下可能需要不同的配置,如不同数据源等,如果每次在不同的环境下都要去修改配置文件就会闲得不合 ...