防Windows的图片放大特效代码
来源:广州中睿信息技术有限公司官网
发布时间:2012/10/21 23:25:16 编辑:editor 阅读 276
代码简介:JS模拟Windows的图片放大特效,两边有控制按钮,不是真正意义上的放大,因为图片的像素没有达到的话,放大也也照样不清淅哦。代码内容:ViewCode<!DOCTYPEhtmlPUB

代码简介:

JS模拟Windows的图片放大特效,两边有控制按钮,不是真正意义上的放大,因为图片的像素没有达到的话,放大也也照样不清淅哦。

代码内容:

View Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>JS实现的防Windows的图片放大特效代码_网页代码站(www.webdm.cn)</title>
<style>
img{ border:none;}
</style>
<script language=javascript>
        function bbimg(obj)
        {
      
var zoom=parseInt(obj.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) obj.style.zoom=zoom+'%';
      return false;
        }
        
        
function bigzoom()
        {
            
var obj;
            obj
=document.getElementById('ctl01_imgPic');
            
var zoom=parseInt(obj.style.zoom, 10)||100;
            zoom
+=10;
            obj.style.zoom
=zoom+'%';
        }
        
         
function smallzoom()
        {
            
var obj;
            obj
=document.getElementById('ctl01_imgPic');
            
var zoom=parseInt(obj.style.zoom, 10)||100;
            zoom
-=10;
            obj.style.zoom
=zoom+'%';
        }
        

</script>
</head>
<body>
<table align="center">
<tr>
<td align="right"><img onClick="smallzoom()" src="http://www.webdm.cn/images/20091003/ico_05.gif"> <img onClick="bigzoom()" 

src
="http://www.webdm.cn/images/20091003/ico_03.gif"></td>
    </tr>
    <tr>
    <td style="border:2px solid #f00;"><img id="ctl01_imgPic" onmousewheel="return bbimg(this)" src="http://www.webdm.cn/images/wall2.jpg"></td>
    </tr>
</table>
</body>
</html>
<br />
<p><href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/683ef618-24a4-4e56-a618-efa250f88d91.html

 

联系我们CONTACT 扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳 Tel:020-38931912 务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息 Fax:020-38931912 专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510 Tel:0755-25855012 诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2