显示图片的一个不错的方法

<html>
<script>
function pic(){
var img1=top.location.search.substr(1).split("?");
document.all.pp.src
=img1;}

</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
body,div,a,td
{font-size:14px}
</style>
<title>.::Image Show::.</title>
</head>
<SCRIPT language=Javascript1.2>
var xpos,ypos;
function startDragme() {
 xpos 
= document.body.scrollLeft + event.clientX;
 ypos 
= document.body.scrollTop + event.clientY;
}


function moveWindow() {
 
var xmov = document.body.scrollLeft + event.clientX - xpos;
 
var ymov = document.body.scrollTop + event.clientY - ypos;
 self.moveBy(xmov,ymov);
}

</SCRIPT>
<body onload="pic();" onkeydown="if(event.keyCode=='27') window.close();" style="margin:0">
<align="center"><img onmousedown=startDragme(); ondrag=moveWindow(); id="pp" border="0" src="../img/wait.gif"  onload="self.resizeTo((this.offsetWidth+10),(this.offsetHeight+30));"></p>
</body>

</html>
这是img.html页面,用来实现浏览的

这是使用页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<img src="http://www.octlife.net/game/opus/baby_01s.jpg" onclick='open("img.html?http://www.octlife.net/game/opus/baby_01b.jpg","","top=5,left=5,width=100,height=100")'
style="cursor:hand">
</BODY>
</HTML>
点击图片即可以根据大小完全显示图片。
posted on 2005-09-15 09:05  仁面寿星  阅读(598)  评论(0编辑  收藏  举报