<! DOCTYPE html>
<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>
<body onload= "Prettyprint ()" >
<div id= "Content" >
<div class= "Demo-box" >
<div id= "Demo1" >1</div>
</div>
<div class= "Demo-box" >
<div id= "Demo2" >2</div>
</div>
<div class= "Demo-box" >
<div id= "Demo3" >3</div>
</div>
<div class= "Demo-box Last" >
<div id= "Demo4" >4</div>
</div>
</div>
</body>