现在的位置: 首页 > 综合 > 正文

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

2011年05月15日 ⁄ 综合 ⁄ 共 1410字 ⁄ 字号 评论关闭
<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>

点击图片即可以根据大小完全显示图片。

抱歉!评论已关闭.