您的位置：首页 > Web前端 > JavaScript

js实现图片的放大效果

2008-06-25 13:12 591 查看
<!--
说明:
img 标签中的
alt----是大图片的路径，
src----是小图片的路径，
class=jqzoom，设置样式，
border=0图片的边框。
请下载href中的js与css保存在本地,在本地进行指定.个人认为这样会有更好的效果.
-->
<html>
<META http-equiv=Content-Type content="text/html; charset=utf-8"> <link href=http://www.vancl.com/css/jqzoom.css type="text/css" rel="stylesheet" /> <script src=http://www.vancl.com/PublicControls/js/jquery.js type=text/javascript></script> <script src=http://www.vancl.com/PublicControls/js/jquery.jqzoom.js></script> <script type=text/javascript>
jQuery.noConflict();
jQuery(document).ready(function()
{
jQuery("img.jqzoom").jqueryzoom({
xzoom: 280,
yzoom: 280,
offset: 15,
position: "right"
});
});
</script>
<body>
<img class=jqzoom
alt=***.jpg
src=**.jpg border=0 >
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航