关于Jqzoom的使用心得

应客户的要求,要做个放大镜的功能,我心想JQuery多呢,很简单的嘛!结果~~~~~~~我整整纠结了2天~~~其中换了不下4个JS~~~一直没有解决。我发现主要原因是JS加载太快,页面的DOM还没有加载完全。可是我是用了$(document).ready(),我觉得这个就代表页面加载完全吧!可是呢~~~

我想到了页面生命周期,想到了脚本注入~结果依然纠结!

最后我搜到了一段代码,尝试了一下,终于让我试验成功了!

下面主要演示Jqzoom的方法!推荐一下!

 

代码
<script type="text/javascript">
window.onload
= function() {
$(
".jqzoom").jqueryzoom({
xzoom:
250, //设置放大 DIV 长度(默认为 200)
yzoom: 250, //设置放大 DIV 高度(默认为 200)
offset: 10, //设置放大 DIV 偏移(默认为 10)
position: "right", //设置放大 DIV 的位置(默认为右边)
preload: 1,
lens:
1
});
}
</script>

 

posted @ 2010-04-12 17:23  TUTO  阅读(1102)  评论(0编辑  收藏  举报