JS 图片自动放大 JS控制鼠标移上放大图片驱动类

很多时间,由于客户端用户体验问题,需要实现JS放大图片放大图片功能,考虑到用户便捷性体验,可观性,要避免新窗口打开图像等重复性操作。 考虑到程序的藕合度,可移植度,最好封装一个图片自动放大,点击复制JS类,对于所要操作放大的图象对象实现松藕合,即对WEB界面实现松藕合。实际就是实现一个驱动类，对图象对象扔入驱动类即可实现功能驱动。 开发来源：易库-中国库存网,尾货网:http://www.1koo.net 技术演示：http://www.1koo.net/Demo_koozoom.html 点击小图放大图片，点击大图复制图片 文档列表: 1koozoom.js //图片自动鼠标移上放大驱动类，JS控制图像鼠标移上放大，JS复制图像封装类 说明： 被驱动的图像要包含在一个ID 叫Div_zoom的层中，应用时只需将 <script language="JavaScript" src="你的JS保存路径/1koozoom.js"></script>扔进Div_zoom的下面即可实现驱动 扩展： 可以根据自已的内容页实际内容进行Div_zoom ID的修改，如你的图片放在名为MyBox的Table中，可以引入参数 <script language="javascript">var kooImgBoxID="MyBox"</script> <script language="JavaScript" src="你的JS保存路径/1koozoom.js"></script> 即可驱动content Table中的所有图片. Javascript/Js 类下载： http://www.1koo.net/js/1koozoom.js 示例源码： <a href="http://www.1koo.net/"><img border="0" alt="" src="http://www.1koo.net/1koo_images/logo.gif" /></a> <div align=center id="MyBox"><img style=" cursor:hand" src="http://www.1koo.net/d/file/201109/482184332c826f82919cb3314aa41f89.jpg" width=120 height=120/></div> <script language="javascript">var kooImgBoxID="MyBox"</script> <script language="JavaScript" src="http://www.1koo.net/js/1koozoom.js"></script>