<html>
<head>
<title>图片效果</title>
<meta name="Author" content="51js-zmm">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
a{ text-decoration:none;color:#FFF;}
#scollimg{position:absolute; background:#000000; text-align:center;
left:80px;
top:80px;
width:310px;
height:30px;
z-index:1;color:#FFF;line-height:30px;}
#scollimg a{width:60px;display:inline;display:block;float:right;line-height:30px;text-align:center;font-size:12px;}
#scollimg a:hover{background-color:#666;}
</style>
<script Language="javascript" src="imageView.js">
</script>
<script language="javascript">
var left;
var top;
function getUrlParam(name){
var reg=new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r=window.location.search.substr(1).match(reg);
if(r!=null)
return unescape(r[2])
else
return null;
}
function init(){
var str=getUrlParam("str");
document.getElementById("oImg").src=str;
document.getElementById("oImg").style.width=window.document.body.offsetWidth-60;
var obj=document.getElementById("scollimg");
left=obj.offsetLeft;
top=obj.offsetTop;
}
function scrollHandler(){
var obj=document.getElementById("scollimg");
obj.style.left=left+document.body.scrollLeft;
obj.style.top=top+document.body.scrollTop;
}
window.onscroll=scrollHandler;
</script>
</head>
<body onLoad="init()">
<div align="center">
<img id="oImg" style="position:relative; zoom:100%; cursor:move;" onMouseDown="mStart();" onMouseUp="mEnd();"><br><br>
</div>
<div id="scollimg" class="topleft">
<a href="#" onClick="window.close()">退出</a>
<a href="#" onClick="imgRollRight();">旋转(右)</a>
<a href="#" onClick="imgRollLeft();">旋转（左）</a>
<a href="#" onClick="imgToSize(0);">缩小</a>
<a href="#" onClick="imgToSize(50);">放大</a>
</div>
</body>
</html>
超强js 图片查看器 放大 缩小 左右反转
3星 · 超过75%的资源 需积分: 9 56 浏览量
2010-05-06
17:12:50
上传
评论 1
收藏 103KB ZIP 举报 
js_project_zoomImage.zip （4个子文件） 
js_project_zoomImage 
test.html 598B imageView.html 2KB
1.TIF 769KB imageView.js 2KB资源评论
ysh777shy2012-09-05觉得不好用，或者说我不会用
wangf_8862015-07-24用了一下 蛮不错的 注释也写得清楚- qinluoqin2012-09-25觉得不好用，或者说我不会用
Nokids2015-04-01还可以吧，不过不是特别好用
fengzi5205842013-08-19不怎么好用，谢谢分享
