家园首页 Php4手册 我的相册 家园下载 个人文集 给我留言
我形我塑,网络相册,www.5x54.com 相册 相册 心情相册,少女相册 免费申请,我形我塑免费相册
 家园 个人文集   http://www.5x54.com
 


一个图片查看器 支持IE FF


作者:div-css.com    点击: 读取中...

比较常见的一个图片查看器版权保护,请不要随意复制^%#$32774)98sa。^_^,网上用的比较多版权保护,请不要随意复制^%#$32774)98sa。^_^版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
原先只是支持IE版权保护,请不要随意复制^%#$32774)98sa。^_^,现在修改了一下让其能够支持IE firefox等浏览器版权保护,请不要随意复制^%#$32774)98sa。^_^,放上来大家分享一下。 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
图片样式: 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
引用代码:<html> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<head> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<title>浙江温州温州市 高清晰温州旅游资源图 市区地图</title> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<!-- http://www.maptown.cn/China/View/MjQxNjQHoTeL/index.html --> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<style type="text/css"> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
body{margin:0;padding:0;overflow:hidden;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
td,a{font-size:12px;color:#000000} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
#Layer1 {position:absolute;z-index:100;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
#Layer2 {position:absolute;z-index:1;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
.ctrler{width:20px;height:20px;cursor:hand;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</style> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</head> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<body ondragstart_fckprotectedatt="%20ondragstart%3D%22return%20false%22" onselectstart_fckprotectedatt="%20onselectstart%20%3D%22return%20false%22" onselect_fckprotectedatt="%20onselect%3D%22return%20false%22" oncopy_fckprotectedatt="%20oncopy%3D%22return%20false%22" onbeforecopy_fckprotectedatt="%20onbeforecopy%3D%22return%20false%22" onmouseup_fckprotectedatt="%20onmouseup%3D%22return%20false%22"> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<div id="Layer2"></div> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<div id="Layer1"> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<table border="0" cellspacing="2" cellpadding="0" class="ctrler"> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td><img src="/f/remotepic/20084182637137999.gif" onClick="clickMove('up')" title="向上"></td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td><img src="/f/remotepic/20084187411914268.gif" onClick="clickMove('left')" title="向左"></td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td><img src="/f/remotepic/20084185763934118.gif" onClick="realsize();" title="还原"></td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td><img src="/f/remotepic/20084182085264235.gif" onClick="clickMove('right')" title="向右"></td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td><img src="/f/remotepic/20084187995025426.gif" onClick="clickMove('down')" title="向下"></td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td><img src="/f/remotepic/20084186647954753.gif" onClick="bigit();" title="放大"></td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td><img src="/f/remotepic/20084182004400314.gif" onClick="smallit();" title="缩小"></td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<td>&nbsp;</td> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</tr> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</table> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</div> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<div id='hiddenPic' style='position:absolute;left:433px;top:258px; width:77px;height:91px;z-index:1;visibility:hidden;'> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<img id='images2' src='/f/remotepic/20084188742882054.jpg' border='0'><!-- 还原图片大小时用 --> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</div> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<div id='block1' onmouseout_fckprotectedatt="%20onmouseout%3D'drag%3D0'" onmouseover_fckprotectedatt="%20onmouseover%3D'XdragObj%3Dblock1%3Bdrag%3D1%3B'" style='z-index:10;height:60; left:0; position:absolute;top:0;width:120' class="dragAble"> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<img id='images1' src='/f/remotepic/20084188742882054.jpg' border='0' ><!-- 目标图片 --> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</div> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</body> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</html> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
<script language=javascript> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
drag = 0; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
move = 0; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var $id=function(o){return document.getElementById(o);} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var dragObj = $id('block1'); 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
function clickMove(s){ 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
if(s=="up"){dragObj.style.top = parseInt(dragObj.style.top) + 100;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
else if(s=="down"){dragObj.style.top = parseInt(dragObj.style.top) - 100;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
else if(s=="left"){dragObj.style.left = parseInt(dragObj.style.left) + 100;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
else if(s=="right"){dragObj.style.left = parseInt(dragObj.style.left) - 100;} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
function smallit(){ //缩小 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var height1=$id('images1').height; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var width1=$id('images1').width; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
$id('images1').height=height1/1.2; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
$id('images1').width=width1/1.2; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
function bigit(){ //放大 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var height1=$id('images1').height; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var width1=$id('images1').width; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
$id('images1').height=height1*1.2; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
$id('images1').width=width1*1.2; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
function realsize() { //恢复大小 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
$id('images1').height=$id('images2').height; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
$id('images1').width=$id('images2').width; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
block1.style.left = 0; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
block1.style.top = 0; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
// 拖拽对象 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
// 参见:http://blog.sina.com.cn/u/4702ecbe010007pe 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var ie=document.all; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var nn6=document.getElementById&&!document.all; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var isdrag=false; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var y,x; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
var oDragObj; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
function moveMouse(e) { 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 if (isdrag) { 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 oDragObj.style.top = (nn6 ? nTY + e.clientY - y : nTY + event.clientY - y)+"px"; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 oDragObj.style.left = (nn6 ? nTX + e.clientX - x : nTX + event.clientX - x)+"px"; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 return false; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 } 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
function initDrag(e) { 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 var oDragHandle = nn6 ? e.target : event.srcElement; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 var topElement = "HTML"; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 while (oDragHandle.tagName != topElement && oDragHandle.className != "dragAble") { 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 oDragHandle = nn6 ? oDragHandle.parentNode : oDragHandle.parentElement; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 } 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 if (oDragHandle.className=="dragAble") { 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 isdrag = true; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 oDragObj = oDragHandle; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 nTY = parseInt(oDragObj.style.top+0); 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 y = nn6 ? e.clientY : event.clientY; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 nTX = parseInt(oDragObj.style.left+0); 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 x = nn6 ? e.clientX : event.clientX; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 document.onmousemove=moveMouse; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 return false; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
 } 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
} 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
document.onmousedown=initDrag; 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
document.onmouseup=new Function("isdrag=false"); 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^
</script> 版权保护版权保护,请不要随意复制^%#$32774)98sa。^_^,请不要随意复制^%#$32774)98sa。^_^

收藏此文章     打印  更新     编辑此文章    『关闭窗口』