Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>title</title>
- <style type="text/css">
- #grays
- {
- position:absolute;
- background-color:gray;
- width:50px;
- height:50px;
- border-radius:80px;
- }
- .EstruturaBasica
- {
- position:relative;
- border-bottom-color:#F00;
- border:1px solid #000;
- width:200px;
- height:200px;
- float:left;
- top:0px;
- left:0px;
- margin:10px;
- }
- </style>
- <script src="jquery-1.7.1.min.js"></script>
- <script src="jquery.easing.1.3"></script>
- <script>
- $(document).ready(function(){
- var numeroOBJ = 13;
- document.getElementById("corpo").innerHTML += "<div id=\"grays\"></div>";
- for(var j = 0; j < numeroOBJ; j++)
- {
- document.getElementById("corpo").innerHTML += "<div id=\"id"+(j + 1)+"\" class=\"EstruturaBasica\"></div>";
- }
- $(document).click(function(e){
- for(var i = 1; i <= numeroOBJ; i++)
- {
- if (e.pageX > (document.getElementById("id" + i).offsetLeft + (document.getElementById("id" + i).offsetWidth / 2) - 100)
- && e.pageX < (document.getElementById("id" + i).offsetLeft + (document.getElementById ("id" + i).offsetWidth / 2) + 100)
- && e.pageY > (document.getElementById("id" + i).offsetTop + (document.getElementById("id" + i).offsetHeight / 2) - 100)
- && e.pageY < (document.getElementById("id" + i).offsetTop + (document.getElementById("id" + i).offsetHeight / 2) + 100))
- {
- var grays = new Array(2);
- grays[0] = (document.getElementById("id" + i).offsetLeft + (document.getElementById("id" + i).offsetWidth / 2)) - (document.getElementById("grays").offsetWidth / 2);
- grays[1] = (document.getElementById("id" + i).offsetTop + (document.getElementById("id" + i).offsetHeight / 2)) - (document.getElementById("grays").offsetHeight / 2);
- }
- }
- $('#grays').animate({left:grays[0], top:grays[1]});
- });
- });
- </script>
- </head>
- <body id="corpo">
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment