<html>
<head>
<title> - cropper - </title>
<link rel="stylesheet" type="text/css" href="http://youngpup.net/css/demo.css">
<style type="text/css">
<!--
#pbox {}{
width:300px; height:300px;
overflow:hidden;
}
.opacity{}{filter: alpha(opacity=60)}
-->
</style>
<base href="http://www.youngpup.net/_projectDirectories/domdrag/demos/cropper/">
<script language="javascript" src="http://www.youngpup.net/_projectDirectories/domdrag/dom-drag.js"></script>
<script language="javascript">
var oThang, oHandle, reportBox, iReportCount = 0;
window.onload = function() {
if (document.all || document.getElementById)
{
oThang = document.all ? document.all["thang"] : document.getElementById("thang")
oHandle = document.all ? document.all["handle"] : document.getElementById("handle")
oReport = document.all ? document.all["report"] : document.getElementById("report")
Drag.init(oHandle, oThang, -250, -50, -250, -50);
// report stuff
oThang.onDrag = function(x, y) { reportDrag("", x, y); }
}
function reportDrag(who, x, y) {
oReport.value = who + "" + " X = " + (x + 250) + " Y = " + (y + 250) + " W = 100 H = 100"
}
oThang.onDrag(-250, -250);
}
</script>
</head>
<body>
<div id="banner"></div>
<h1>DOM-Drag Examples: Cropper</h1>
<div style="width:300px; height:300px; overflow:hidden; top:20px; left:20px;">
<img src="snare_pic_large-300.jpg" />
<div id="thang" style="position:absolute; left:-250px; top:-250px;">
<img class="opacity" style="position:absolute; left:0px; top:0px;" src="selection2.gif" />
<img id="handle" style="position:absolute; left:250px; top:250px; width:100px; height:100px;" src="x.gif" />
</div>
</div>
<input type="text" id="report" style="width:300px;" />
<p>this was <a href="http://www.styrofirm.com/" target="_blank">jody's</a> idea.</p>
<br>
<div style="position:absolute;top:0;right:0;">
<p style="filter: DropShadow(Color=#c0c0c0, OffX=3, vertical-align: middle;OffY=-3);font-size:20pt;layout-flow:vertical-ideographic; font-family:华文行楷;width:345;float:right;">
是对是错也好不必说了<br>
是怨是爱也好不须揭晓<br>
何事更重要比两心的需要<br>
柔情密意怎么可缺少<br>
是进是退也好有若狂潮<br>
是痛是爱也好不须发表<br>
曾为你愿意我梦想都不要<br>
流言自此心知不会少<br>
这段情越是浪漫越美妙<br>
离别最是吃不消<br>
我最不忍看你背向我转面<br>
要走一刻请不必诸多眷恋<br>
浮沉浪似人潮那会没有思念<br>
你我伤心到讲不出再见<br>
讲不出再见<br>
<br></p></div>
</body>
</html>
posted on
2006-07-12 17:33
Vinson
阅读(
388)
评论()
收藏
举报
浙公网安备 33010602011771号