81 lines
2.7 KiB
HTML
81 lines
2.7 KiB
HTML
|
|
<html>
|
|
<head>
|
|
|
|
<!--
|
|
All Images are the Property of Talravan
|
|
Copyright 2009 Talravan
|
|
--->
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<meta name="viewport" content="width=device-width" />
|
|
|
|
<style type="text/css">
|
|
|
|
#screen {
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
width: 240px;
|
|
height: 176px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.drag{
|
|
position:relative;
|
|
cursor:hand;
|
|
z-index: 100;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
/***********************************************
|
|
* Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
|
|
* This notice MUST stay intact for legal use
|
|
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
|
|
***********************************************/
|
|
|
|
var dragobject={
|
|
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
|
|
initialize:function(){
|
|
document.onmousedown=this.drag
|
|
document.onmouseup=function(){this.dragapproved=0}
|
|
},
|
|
drag:function(e){
|
|
var evtobj=window.event? window.event : e
|
|
this.targetobj=window.event? event.srcElement : e.target
|
|
if (this.targetobj.className=="drag"){
|
|
this.dragapproved=1
|
|
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
|
|
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
|
|
this.offsetx=parseInt(this.targetobj.style.left)
|
|
this.offsety=parseInt(this.targetobj.style.top)
|
|
this.x=evtobj.clientX
|
|
this.y=evtobj.clientY
|
|
if (evtobj.preventDefault)
|
|
evtobj.preventDefault()
|
|
document.onmousemove=dragobject.moveit
|
|
}
|
|
},
|
|
moveit:function(e){
|
|
var evtobj=window.event? window.event : e
|
|
if (this.dragapproved==1){
|
|
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
|
|
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
|
|
return false
|
|
}
|
|
}
|
|
}
|
|
|
|
dragobject.initialize()
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="screen">
|
|
<img class="drag" src="09.gif"><img class="drag" src="05.gif"><img class="drag" src="12.gif"><img class="drag" src="15.gif"><img class="drag" src="04.gif"><img class="drag" src="10.gif"><img class="drag" src="06.gif"><img class="drag" src="01.gif"><img class="drag" src="07.gif"><img class="drag" src="14.gif"><img class="drag" src="08.gif"><img class="drag" src="13.gif"><img class="drag" src="03.gif"><img class="drag" src="11.gif"><img class="drag" src="02.gif">
|
|
</div>
|
|
<!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script> <script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body>
|
|
</html>
|